HTML Basic tutorial- what is html and some tags - part 1
Hypertext Markup Language (HTML) is a standard web browser designed for documents.
Cascading Style Sheets (CSS) and scripting languages such as JavaScript. I do not talk much about it. I'm just talking about using HTML. If you want to learn more about HTML, visit this link.
https://en.wikipedia.org/wiki/HTML
.Html is used to define a file that contains HTML. When you save it, it identifies itself as an HTML file. When it is opened, it is opened by a web browser on your computer.
A website is made up of two main parts, <head> and <body>. Page title and CSS code are placed in <head>. <body> puts <html> code in <body>.
<Html>
<Head>
<Title> myweb </title>
</Head>
<Body>
This is my first web page
</Body>
</Html>
<Tag> is used to indicate something in HTML. There are 2 types of tags.
1.Element
2.Void element
1.element-tags with a beginning and an end
2.void element - Tags that only have one start or end
<Head>
<Title> </tittle>
<Meta> </meta>
<Style> </style>
</Head>
<Body>
<H1>
<H2>
</Body>
</Html>
Some tags start with <example> and end with </example>. "/" In any code is used to indicate the end of that tag. "<" And ">" are used to identify and identify a tag separately. See the HTML code above.
Let's talk about some of the tags in that way
<h2> Heading text type two </h2>
<h3> Heading text type three </h3>
<h4> Heading text type four </h4>
<h5> Heading text type five </h5>
<h6> Heading text type six </h6>
This tag can change the font size. Font size ranges from one to less than one.
<p> This is an example paragraph <for </br> explain P tag and BR tag </p>
<p align = "center"> This is a paragraph </br> paragraph two </p>
<strong> This text is Strong </strong>
<i> This text is Italic </i>
<u> This text is underlined </u>
<ins> This text is underlined <ins>
<del> This text is deleted </del>
<strike> This text is deleted </strike>
20 <sup> th </ sup>
H <sub> 2 </ sub> O
Our Service may contain links to <mark> third-party web sites </mark> or services that are <q> not owned </q> or controlled by TechTube.
<! - this is a comment ->
<img src="https://longreadsblog.files.wordpress.com/2019/07/beach-book.jpg" width=200 height=150 alt="This is a book">
<source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3" type="audio/mp3">
</Audio>
<video width = "320" height="240" controls>
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</Video>
All in one
<html>
<body>
<h1>Heading text type one</h1>
<h2>Heading text type two</h2>
<h3>Heading text type three</h3>
<h4>Heading text type four</h4>
<h5>Heading text type five</h5>
<h6>Heading text type six</h6>
</br>
<p>This is example paragraph< for</br>explain P tag and BR tag</p>
<p align="center">this is a paragraph</br>paragraph two</p>
</br>
<b>this text are Bold</b>
<strong>this text are Strong</strong>
</br>
<i>this text are Italic</i>
</br>
<u>this text are underlined</u>
<ins>this text are underlined<ins>
</br>
<del>this text are deleted</del>
<strike>this text are deleted</strike>
</br>
20<sup>th</sup>
H<sub>2</sub>O
</br>
<h3>
Our Service may contain links to <mark>third-party web sites</mark> or services that are <q>not owned</q> or controlled by TechTube
</h3>
</br>
<!--this is a comment-->
</br>
<img src="https://longreadsblog.files.wordpress.com/2019/07/beach-book.jpg" width=200 height=150 alt="this is a book">
</br>
<audio controls>
<source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3" type="audio/mp3">
</audio>
</br>
<video width="320" height="240" controls>
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video>
</br>
<a href="https://www.techtubeofficial.tk" target="_blank">Click here</a>
</br>
<!--end-->
</body>
</html>
There's a lot more to talk about in HTML. See you in the next post.
Have any questions? leave a comment.
Cascading Style Sheets (CSS) and scripting languages such as JavaScript. I do not talk much about it. I'm just talking about using HTML. If you want to learn more about HTML, visit this link.
https://en.wikipedia.org/wiki/HTML
.Html is used to define a file that contains HTML. When you save it, it identifies itself as an HTML file. When it is opened, it is opened by a web browser on your computer.
A website is made up of two main parts, <head> and <body>. Page title and CSS code are placed in <head>. <body> puts <html> code in <body>.
<Html>
<Head>
<Title> myweb </title>
</Head>
<Body>
This is my first web page
</Body>
</Html>
<Tag> is used to indicate something in HTML. There are 2 types of tags.
1.Element
2.Void element
1.element-tags with a beginning and an end
2.void element - Tags that only have one start or end
What you can see in HTML
<Html><Head>
<Title> </tittle>
<Meta> </meta>
<Style> </style>
</Head>
<Body>
<H1>
<H2>
</Body>
</Html>
Some tags start with <example> and end with </example>. "/" In any code is used to indicate the end of that tag. "<" And ">" are used to identify and identify a tag separately. See the HTML code above.
Let's talk about some of the tags in that way
1. <h1> </ h1>
<h1> Heading text type one </h1><h2> Heading text type two </h2>
<h3> Heading text type three </h3>
<h4> Heading text type four </h4>
<h5> Heading text type five </h5>
<h6> Heading text type six </h6>
This tag can change the font size. Font size ranges from one to less than one.
2. <p> </p> and </br>
Display the sentences using the <p> tag. Adds a <p> and a </p> tag to the beginning of the paragraph. </br> tags start a new section.<p> This is an example paragraph <for </br> explain P tag and BR tag </p>
<p align = "center"> This is a paragraph </br> paragraph two </p>
Some Characterizing Tags.
<b> This text is Bold </b><strong> This text is Strong </strong>
<i> This text is Italic </i>
<u> This text is underlined </u>
<ins> This text is underlined <ins>
<del> This text is deleted </del>
<strike> This text is deleted </strike>
20 <sup> th </ sup>
H <sub> 2 </ sub> O
Our Service may contain links to <mark> third-party web sites </mark> or services that are <q> not owned </q> or controlled by TechTube.
To comment on HTML,
type <! Anything you type on this file will not affect the code. A comment is used to keep a memo about the code.<! - this is a comment ->
Add Colors to text
<font color="red">this font color is Red</font>
<font color="#0000FF">this font color is Blue</font>
Add images to the webpage.
In some cases, when the images are not loaded properly, the alt text can be used to identify the image. Img src provides the link to the current location of the image. Also, the width and height determine the size of the image to be displayed.<img src="https://longreadsblog.files.wordpress.com/2019/07/beach-book.jpg" width=200 height=150 alt="This is a book">
Add audio to the webpage.
<audio controls><source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3" type="audio/mp3">
</Audio>
Add video to the webpage.
<video width = "320" height="240" controls><source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</Video>
Add Hyperlinks to webpage.
<a href="https://www.techtubeofficial.tk" target="_blank">Click here</a>All in one
<html>
<body>
<h1>Heading text type one</h1>
<h2>Heading text type two</h2>
<h3>Heading text type three</h3>
<h4>Heading text type four</h4>
<h5>Heading text type five</h5>
<h6>Heading text type six</h6>
</br>
<p>This is example paragraph< for</br>explain P tag and BR tag</p>
<p align="center">this is a paragraph</br>paragraph two</p>
</br>
<b>this text are Bold</b>
<strong>this text are Strong</strong>
</br>
<i>this text are Italic</i>
</br>
<u>this text are underlined</u>
<ins>this text are underlined<ins>
</br>
<del>this text are deleted</del>
<strike>this text are deleted</strike>
</br>
20<sup>th</sup>
H<sub>2</sub>O
</br>
<h3>
Our Service may contain links to <mark>third-party web sites</mark> or services that are <q>not owned</q> or controlled by TechTube
</h3>
</br>
<!--this is a comment-->
</br>
<img src="https://longreadsblog.files.wordpress.com/2019/07/beach-book.jpg" width=200 height=150 alt="this is a book">
</br>
<audio controls>
<source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3" type="audio/mp3">
</audio>
</br>
<video width="320" height="240" controls>
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video>
</br>
<a href="https://www.techtubeofficial.tk" target="_blank">Click here</a>
</br>
<!--end-->
</body>
</html>
There's a lot more to talk about in HTML. See you in the next post.
Have any questions? leave a comment.
Leave a Comment