所在的位置: html >> html介绍 >> HTML基础文本标签

HTML基础文本标签

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/html1.2段落标签

在HTML中,我们可以使用p标签来显示一段文字

br标签可以随意地对文字进行换行处理

!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title段落及换行标签/title/headbody!--段落标签--p对潇潇暮雨洒江天,一番洗清秋,!--换行标签--br渐霜风凄紧,关河冷落,残照当楼./p/body/html1.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/html1.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/html1.6块元素和行内元素

(1)块元素

在HTML中,块元素在浏览器显示状态下将占据一行,并且排斥其它元素与其位于同一行,块元素内部可以容纳其它其他块元素和行内元素

(2)行内元素

行内元素可以与其他行内元素位于同一行,行内元素不能容纳块元素,但是可以容纳行内元素

1.7特殊符号


转载请注明:http://www.aierlanlan.com/rzfs/6394.html

  • 上一篇文章:
  •   
  • 下一篇文章: