Basic HTML tags and their functions
In HTML web development structure language you get many different tag elements. Which you use in designing HTML web page according to your needs.
So let’s know about some basic html tag and default tasks of these tags.
Basic html structural tags.
- <! Doctype html> – This default indicates the document type and version information of your HTML (HTML5).
- <html> – This is the basic tag to the HTML script for start, in which all HTML tag can be added anywhere.
- <Head> – HTML displays the documents of the existing web page, along with other HTML tags such as web page titles, character encoding format and CSS stylesheet links etc. are displayed.
- <title> – This tag displays the document title information of the current web page, it is the title bar in your web browser or in the individual tab.
- <Body> – In the body tag, all HTML tags are displayed in the existing web page are displayed, which is displayed in any web browser.
Html text formatting tags.
- <h1>, <h2>, <h3>, <h4>, <h5>, <h6> – Handing information in any HTML web page is displayed from H1 to H6 to text heading. Where, heading 1 <h1> The largest size and heading H6 <h6> is displayed to text/info in the smallest text size.
- <p> – Paragraph tags display or create paragraph section in the current web page.
- <strong> – Bold text to the current web page text, where usually displays in large or dark order as bold.
- <em> – The current web page text paragraph is displayed in Italic Format in Italicized Text Order.
- <br> – Line break in a large text, it creates a new line break within the text.
- <hr> – Used to create a horizontal rule/line under the current web page text.
Html lists tags.
- <ul> – The existing HTML creates a bulleted list in the web page.
- <Ol> – The existing web page is created in the order list (number list).
- <li> – Create the current web page list item, which is used inside the <ul> tag or <ul> tag.
Html link and anchor tags.
- <a> – Text, image, audio, video, and any other type of hyperlinks are created in any web page. In which the links are made in target destination from source destination to the anchor tag.
- <a href=”https://vcanhelpsu.com> Visit vcanhelpsu.com </a>
HTML Images and Media Tags.
- <img> – IMG tag displays image in the current web page. Where image tags use SRC attributes to indicate the URL, and image displays alt text as an alternative text.
- <img src = “natural.jpg” alt = “display description of image”>
- <video> – The video is displayed in the current web page. Where SRC, Attributes have video controls features.
- <video src = “movie.mp4” controls> </a video>
- <audio> – The use of audio tag adds the audio file to the current web page. Which contains audio SRC, controls and audio features.
- <audio src = “song.mp3” controls> </ audio>
Html form tag.
- <Form> – The form is a pre -printed document format, HTML takes direct input from the web user in the web page.
- <input> – Form inputs the text information from the user in the input field. For example, the user inputs the name and text value and other textual information.
- <input type = “text” name = “username”>
- < textarea> – Define a multi -line text input control information in HTML form.
- < textarea name = “message”> </ textarea>
- <button> – You can create a new click new button in the current HTML web.
- <button type = “ok”> ok </ button>
HTML Table Tag.
- <Table> – HTML creates a new table in the web page.
- <TR> – Let’s create a table in the current web page.
- <td> – Create table data cell (data) in the current web page.
- <th> – Table headers in the current web page create the cell.
<Table>
<tr>
<th> table header 1 info </ th>
<th> table header 2 info </ th>
</ Tr>
<tr>
<td> Table Row 1, and Cell 1 Info Display </td>
<td> Table Row 1, and Table Cell 2 Info Display </td>
</ Tr>
</table>
Html matadata.
- <Meta> – Meta tag displays the character encoding format in the current HTML web page and metadata information related to the web page viewport setting.
- <meta charset = “utf-8”>
- <meta name = “viewport” content = “width = device-windth, initial-scale = 1.0”>
Html comments.
<!-Comment —> – If you want to display comment information in your design HTML web page, then you <!-Comment-> HTML Source Code displays comments as per the need, which The web browser does not have displays in the web browser, or is ignored by the web browser at the time of preview.
All HTML tags shown above are Foundation Elements Tags of HTML web page, and provide any HTML web page content information with effective orders to format the web page structure and web page elements.