Shulou(Shulou.com)06/03 Report--

This article mainly explains "what are the basic tags commonly used in HTML". The explanation content in this article is simple and clear, easy to learn and understand. Please follow the ideas of Xiaobian and go deep into it slowly to study and learn "what are the basic tags commonly used in HTML" together!

HTTP Basic Syntax

div tags are block-level structural layout elements, so they are explained in conjunction with the css box model.

HTTP basic structure

basic structure label

HTTP files include header information and web page content, and the content in the body is displayed in the web page.

< html>

< head>

< title>

title

< /title>

< /head>

< body>

Main content

< /body>

< /html>

Tags, elements, attributes

Labels are divided into double labels and single labels.

< html>

...

< /html>

< hr/>

An element is the entire content from the beginning to the end of a tag, for example, an html tag plus internal code is an HTML element.

Attributes are used to modify labels.

< 标签名 属性1="值1" 属性2="值2">

content

< /标签名>

annotation

annotation format

< !-- 注释 -->

Document declaration

Declarations must be placed on the first line of HTML stability, but are not HTML tags.

< !DOCTYPE html>

Web page coding

The code is set inside the head tag.

< meta charset="UTF-8">

< meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

Text and paragraph tags

Title Tags h2-h7

< h2>

parent heading

< /h2>

Paragraph tag p

align attribute: values are left, right, center, justify. Spaces in the p tag do not work, code nbsp is required

< p>

paragraphs

< /p>

< p align="left">

paragraphs

< /p>

newline label br and horizontal line label hr

< br/>

< hr/>

< hr width="10"/>

< hr color="blue"/>

< hr align="center"/>

< hr noshade=""/>

Pre-labeling is rarely used.

Modifier labels and special symbols

Text modifier label

i and em: italics

b and strong: bold

sub: subscript

sup: superscript

ins: underlined

del: strikethrough

special symbols

spaces

< 小于/左尖括号 　　>

Greater than/right angle bracket

® Registered R

© Copyright C

TM Trademark TM

example

< p align="center">

about us| recruitment information| Contact us| feedback

< /p>

< hr/>

< p align="center">

Copyright©2016 awecoder.com All Rights Reserved

< /p>

< p>

Formula: x2+x=0 Solution: x

< sub>

1

< /sub>

=0;x

< sub>

2

< /sub>

=-1

< /p>

list tag

Unordered list ul

Attribute type can be disc(origin), square(square), circle(hollow circle).

< ul type="circle">

< li>

list item

< /li>

< li>

list item

< /li>

< /ul>

Ordered list ol

Attribute type can be 1, a, A, i, I.

< ol type="A">

< li>

list item

< /li>

< li>

list item

< /li>

< /ol>

definition list

DT and dd are in the dl label, dt and dd are at the same level.

< dl>

< dt>

delivery method

< /dt>

< dd>

pick up this lot

< /dd>

< dd>

overseas shipping

< /dd>

< dt>

payment methods

< /dt>

< dd>

cash on delivery

< /dd>

< dd>

online payment

< /dd>

< /dl>

Image tag img

src attribute = image URL(relative path is the image path relative to the current html file)

alt attribute = image instead of text, displayed when image cannot be displayed.

The height attribute and width attribute can be expressed in pixel values and percentages.

The align attribute also applies.

< img src="Snipaste.png" alt="截图" height="50%" width="50%"/>

< img src="Snipaste.png" alt="截图" height="50px" width="50px"/>

Hyperlink a and define anchor points

Hyperlink label a

The href attribute is the link address, and the label content can be text or pictures.

target attribute-target window of the link,_self Current window open,_blank New window open,_top/_parent

Title Properties-Link prompt text.

name attribute-Link name.

< a href="http://www.baidu.com" target="_blank" title="百度搜索">

Baidu

< /a>

empty link--click no response

< a href="#" title="百度">

Baidu

< /a>

Empty link-Click to refresh page

< a href="">

refresh the page

< /a>

id attribute-bookmark tag

Define anchor points in conjunction with the name attribute

< a href="#锚点名">

the same page

< /a>

< a href="网页名称#锚点名">

different pages

< /a>

< a name="锚点名">

content

< /a>

example

< a name="top">

directory

< /a>

< br/>

< a href="#fruit">

fruit

< /a>

< br/>

< a href="#vegetable">

vegetables

< /a>

< br/>

< a href="#sport">

motion

< /a>

< !--设置水果标题-->

< h4>

fruit

< /h4>

< a name="fruit">

< /a>

< ul>

< li>

banana

< /li>

< li>

Apple

< /li>

< /ul>

< a href="#top">

back to top

< /a>

< !--设置蔬菜标题-->

< h4>

vegetables

< /h4>

< a name="vegetable"/>

< ul>

< li>

tomatoes

< /li>

< li>

cucumber

< /li>

< /ul>

< a href="#top">

back to top

< /a>

Link extension function

mailbox

< a href="mailto:xxx@qq.com" >

xxx@qq.com

< /a>

download files

< a href="下载地址">

file download

< /a>

Thank you for reading, the above is "HTML commonly used basic tags what" content, after the study of this article, I believe that we have a deeper understanding of HTML commonly used basic tags, the specific use of the situation also needs to be verified. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.