1.1标题标签
h1-h6:表示1-6级标题,一个页面一般只能有1个h1标签,而h2-h6可以有多个
!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title标题标签/title/headbody!--1级标题居中对齐--h11级标题/h1!--2级标题左对齐--h22级标题/h2!--3级标题右对齐--h33级标题/h3!--4级标题对行进行伸展--h44级标题/h4h55级标题/h5h66级标题/h6/body/html
1.2段落标签
在HTML中,我们可以使用p标签来显示一段文字
br标签可以随意地对文字进行换行处理
!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title段落及换行标签/title/headbody!--段落标签--p对潇潇暮雨洒江天,一番洗清秋,!--换行标签--br渐霜风凄紧,关河冷落,残照当楼./p/body/html
1.3文本标签
(1)粗体标签
!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title粗体标签/title/headbody男性皮肤角质层厚,strong油脂旺盛/strong,积聚在毛孔中过剩油脂、污垢容易滋生b黑头/b/body/html
注:在实际开发中,如果想要对文本实现加粗效果,尽量使用strong标签,而不要使用b标签,之二是因为strong标签比b标签更具有语义性
(2)斜体标签
!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title斜体标签/title/headbody别人,是自己的i根基/i、营养、启示、绿荫、港湾。关爱别人是一种美德,欣赏别人是一种境界,善待别人是一种em胸怀/em,理解别人是一种涵养,帮助别人是一种快乐,cite学习别人是一种智慧,团结别人是一种能力,借鉴别人是一种收获/cite。/body/html
(3)中划线标签
!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title中划线标签/title/headbody惊爆价:s18.8元/snbsp;9.9元/body/html
注:一般用于显示那些不正确或者不相关的内容
1.4水平线标签
!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title水平线标签/title/headbody阿莫西林胶囊hr/复方大青叶/body/html
1.5div标签
在HTML中,我们可以使用div标签来划分HTML结构,从而配合CSS来整体控制某一块的样式
!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"titlediv标签/titlestyletype="text/css"#b{width:px;height:px;border:1pxsolidblack;text-align:center;line-height:px;}#c{width:px;height:px;border:1pxsolidblack;text-align:center;line-height:px;}/style/headbodydivid="b"第一块区域/divdivid="c"第二块区域/div/body/html
1.6块元素和行内元素
(1)块元素
在HTML中,块元素在浏览器显示状态下将占据一行,并且排斥其它元素与其位于同一行,块元素内部可以容纳其它其他块元素和行内元素
(2)行内元素
行内元素可以与其他行内元素位于同一行,行内元素不能容纳块元素,但是可以容纳行内元素
1.7特殊符号