html标签主体分为三个部分,HTML的基本结构与标签的初步了
解
⼀、初步了解HTML
HTML是⼀种超⽂本标签语⾔，浏览器则是⽤来“解释和执⾏”HTML源码的⼯具。
HTML的基本结构
其中是⽂档类型声明，声明这个⽂件必须是HTML5⽂件，让浏览器按照HTML5准备进⾏解析，必须在HTML5中，必须要有，且是⼀定要写在⽂件的最上⽅滴。
是⽹页的标题，显⽰在最上⽅的⽂字：
是⽤来描述⽹页的⼀些关键信息。例如⽹页的配置、设置、关键字等等。。。这些信息，⼤多在浏览器看不到，但是对⽹页的解析⾄关重要！ 则是所有的代码都写在其中。
⼆、初步了解标签
1、
头部部分
1)link：⽹页标题的图标链接⽹页的⼩图标，⽹页选项卡上⾯的⼩图⽚
其中rel="icon"表⽰当前link的作⽤是链接⽹页图标
href="img/ss.gif"表⽰图标的地址所在的位置
2)meta:⽤于描述⽹页的各种信息①其中设置⽹页的编码格式为utf-8格式
常见的中⽂编码格式：GB2312：国标码，简体中⽂；GBK：扩展国标码，简体中⽂
utf-8：万国码，兼容各种语⾔编码，常⽤！
②可以设置⽹页的关键字有助于搜索引擎的搜索，多个关键字⽤英⽂逗号分开
③设置⽹页的详细信息，搜索引擎时标题下⾯的⼀段⽂字！
name="description" 表⽰这个meta标签设置的是⽹页的描述信息；
content="" 表⽰描述信息的详细内容！！
2、
主体部分
1)标签的分类
①块级标签：显⽰为块状，独占⼀⾏，⾃动换⾏。
②⾏级标签：在⼀⾏中，从左往右依次排列，不会⾃动换⾏。
2)块级标签
常见的块级标签有：
a.标题标签：
......
特点:h1最⼤，h6最⼩且⾃动加粗。
b.⽔平线标签：
c.段落标签：
d.换⾏标签：
e.引⽤标签：
要的cite属性表明引⽤的来源，⼀般为⽹址，且⽹址不会在⽹页中展⽰，浏览器⼀般显⽰为⾸⾏缩进
f.预格式标签：
浏览器默认显⽰样式：①显⽰为等宽字体
②代码中的换⾏，空格等元素可在浏览器中直接显⽰。
HTML基本块级标签
这是h1标签
这是h2标签
这是h3标签
这是h4标签
这是h5标签
这是h6标签
这是⼀段⽂字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是⼀段⽂字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是⼀段⽂字！
哈哈啊哈哈哈啊哈哈哈哈啊哈！
这是⼀段⽂字！哈哈啊哈哈哈啊哈哈哈哈啊哈！
这是⼀段⽂字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是⼀段⽂字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是⼀段⽂字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是⼀段⽂字！哈哈啊哈哈哈啊哈哈哈哈啊哈！
if(entity != null){
tring result = String(entity,"UTF-8");//HttpEntity转为字符串类型
jsonObject = JSONObject.fromObject(result);//字符串类型转为JSON类型
}
光明正⼤的不要脸！这段话就是抄的！你能咋地！
g.有序列表
1. (order list)
2. ... 列表项可以有n多个
3. ...
4. ...
h.⽆序列表
(unorder list)
... n多个
.
..
...
i.定义描述列表
⼀般只有⼀项
可以有很多项
132
123
g.组合标签 显⽰效果：上⾯是图⽚，下⾯是图⽚的标题，同时图⽚和标题前代缩进。
  图⽚
图⽚的标题。
k.分区标签
HTML基本块级标签
这是⽆序列表第⼀项
这是⽆序列表第⼆项
这是⽆序列表第三项
这是⽆序列表第四项
1. 这是⽆序列表第⼀项
2. 这是⽆序列表第⼆项
3. 这是⽆序列表第三项
4. 这是⽆序列表第四项
这是dl列表的标题
这是dl列表的描述项1
这是dl列表的描述项2
这是dl列表的描述项3
图⽚的描述标题
这是div⾥⾯的⽂字
11111
3)⾏级标签
常见的⾏级标签：
(1)⽂本标签span
div border属性
① span标签只是包裹作⽤，没有任何其他含义；
② span作⽤与div类似，需配合CSS使⽤。只不过div是块级标签、span是⾏级标签
(2)强调标签em与strong；倾斜标签i；加粗标签b；四个之间的区别
① em和i都能倾斜。strong和b都能加粗！但是，i和b仅仅是单纯的倾斜加粗，⽽em和Strong多了强调的语义。
② em和strong都表⽰强调，但是strong强调的级别更⾼！！
注意：
1、强调的⽬的：让搜索引擎知道⽹页重点强调的内容！便于搜索引擎显⽰！
2、Strong和em都可以多层嵌套，表⽰强调程度的递增！
(3)短引⽤标签q：表⽰短引⽤ 。cite属性：⽤于声明引⽤的来源。
【常⽤的引⽤标签】
⽤于引⽤⼀段内容
⽤于引⽤⼀句话
常⽤于引⽤作品名、书画名等
相同点：三个引⽤标签，都⽤cite属性表⽰引⽤来源
不同点：① 引⽤的内容不同。 blockquote->⼀段话，q->⼀句话，cite->作品名
② 显⽰的默认效果不同。 blockquote->默认整段向右缩进； q->默认加引号； cite->默认倾斜！
(4)缩⼩标签small：将字体缩⼩⼀号；big标签：将字体放⼤⼀号。
注意：
① small和big可以多层嵌套，直到字体达到最⼩或最⼤为⽌；
② 这俩标签已经被淘汰，并不建议使⽤。
(5)图⽚标签img
① src属性：表⽰图⽚的路径
[图⽚路径的合法⽅式]
A.⽹络链接：由于图⽚在其他⽹站，如果其他⽹站删除图⽚，我们也不能访问，所以不建议使⽤这种⽅式；
B.绝对路径：使⽤绝对路径的图⽚，只有在本机使⽤file协议才能访问！所以，严禁使⽤这种⽅式！
C.相对路径：
a、 图⽚与当前⽂档在同⼀层⽂件夹：直接写图⽚名
b、图⽚在当前⽂档的下⼀层⽂件夹：⽂件夹名/图⽚名
c、 图⽚在当前⽂档的上⼀层⽂件夹： ../图⽚名 (../表⽰后退⼀层)
但是，⼀定要注意：图⽚必须包含在项⽬⾥⾯，不能访问项⽬外的图⽚。
② height：图⽚的⾼度 width：图⽚的宽度
③ title：图⽚的标题，也就是⿏标指上后看到的提⽰⽂字
④ alt: 图⽚⽆法加载时显⽰的⽂字
⑤ align：图⽚周围的⽂字相对于图⽚如何对齐。
可选值：top->图⽚顶部 center->图⽚中部 bottom->图⽚底部
12345
(6)超链接标签a
A、href属性：表⽰超链接跳转的页⾯。
① 可以写⽹络地址：
② 可以打开本地的html⽂件：
采⽤相对路径确定⽂件地址。与img标签确定⽅式相同。
B、title属性：⿏标指上后显⽰的提⽰⽂字
C、target属性：设置新页⾯打开的窗⼝位置
可选值：_self⾃⾝页⾯打开(默认)
_blank 新窗⼝打开
【超链接的特殊应⽤】
1、功能性链接：(了解)
mailto:// 点击链接给指定邮箱发送邮件
tencent://message/?uin=1105093212"
还有：tell://⼿机端点击打电话
message://⼿机端点击
ftp://使⽤ftp协议进⾏⽂件的上传下载
2、锚点链接：
>>>本页⾯锚链接
① 在页⾯的指定位置中设置⼀个锚点，⽤那么属性表⽰锚点名字：
a name="top">
② 将超链接的href属性，设置为#加锚点名字
>>>页⾯间锚链接
① 在新页⾯的指定位置中设置⼀个锚点，⽤那么属性表⽰锚点名字：
a name="top">
② 将超链接的href属性，设置为“新页⾯地址#加锚点名字”：
HTML基本⾏级标签
糖糖真帅

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。