見出し画像

List of frequently used HTML tags

I have compiled a list of frequently used tags.
The tag and its purpose are described.

Basic structure, within the head

  • html : Indicates that it is an HTML document

  • head : The header part of HTML

  • meta : Describes information about the page, such as language and description

  • title : Page title. Displayed as the browser title or as the page title when bookmarked

  • link : Refers to external files. Mainly refers to CSS files

  • body : The content part of an HTML document

Content

  • h1~h6 : Headings

  • p : Paragraphs of text

  • img : Displays images. The display image is specified by the src attribute

  • a : Creates a link. Specified by the href attribute

  • ul : Bullet points

  • ol : Numbered list

  • li : Each item in a list

  • br : Line break

  • strong : Bold text

  • blockquote : Quotation

  • small : Copyright notice and legal notice

  • span : Inline element

  • audio : Embeds audio data

  • video : Embeds video data

  • script : Describes JavaScript, etc.

Tables

  • table : A tag that indicates a table. Encloses the entire table

  • tr : Encloses a row in a table

  • th : Generates a cell that will be the table header

  • td : Generates a cell that will contain the table data

Forms

  • form : Generates a form

  • input type="text" : Single-line text input field

  • input type="radio" : Radio button

  • input type="checkbox" : Checkbox

  • input type="submit" : Submit button

  • select : Select box

  • option : Selectable items in a select box

  • textarea : Multi-line text input

  • label : Label for a form

Block elements for grouping

  • header : Elements at the top of the page. Encloses elements like logos, page titles, and navigation menus

  • nav : Main navigation menu

  • article : The part of the page that makes up an article. Encloses content that makes sense as a standalone page when viewed alone

  • section : A group with a single theme

  • main : The main content part of the page

  • aside : Supplementary information not included in the main text

  • footer : Elements at the bottom of the page. Includes copyright and social media links

  • div : Block element

Finally

The information above is referenced from the book "1冊ですべて身につくHTML & CSSとWebデザイン入門講座".

いいなと思ったら応援しよう!