常见的文本风格标签如下　元素　作用　hn　标题字标记,n为1~6,定义了6级标题会自动换行插入空行　b　粗体字标签(与strong用法相似)　i　斜体字标签(与em用法相似)　u　下划线字体标签　sub　文字下表字体标签　sup　文字上表字体标签　font　字体标记,可以通过该标记指定字体大小、颜色、字体等信息　tt　打字机文本　cite　用于引证、举例、通常用斜体字　em　表示强调,通常为斜体字　strong　表示强调,通常为粗体字　small　小型字体标签　big　大型字体标签　3.1HTML文本注释　以结束注释。注释只出现在源代码中,而不会在浏览器中显示。但注释中不要在包含注释。　标题标签语法格式　:　文本　文本　文本　文本　文本　tip:　标题字体由到,由大到小　标题对齐方式(一般默认为左对齐,添加　align　设置)　语法格式:　文本　tip:　1.center　居中对齐　left　左对齐　right　右对齐　2.注意...　标题　标题标签　标题标签语法格式:　文本　文本　文本　文本　文本　tip:　标题字体由　到　,由大到小　标题对齐方式(一般默认为左对齐,添加　align　设置)　语法格式:　文本　tip:　1.center　居中对齐　left　左对齐　right　右对齐　2.注意对齐方式用双引号　文字　斜体、下划线和删除线　语法格式:　斜体　--或者或者　下划线　删除线　上下标　语法格式:　上标　下标　特殊文字符号　符号　属性值　含义　"　"　引号　<　&It;　左尖括号　>　右尖括号　×　×　乘号　©　§　小节符号　 　空格占字符　段落　段落标签　在html5中,段落效果是通过　标签来实现的。　标签会自动在其后创建一些空白,浏览器则会自动添加这些空间。　语法格式:　文本　段落的换行标签　标签表示换行。如果多次换行则可连续使用多个换行标签。　语法格式:　文本　文本　段落的原始排版标签　在网页制作过程中,一般是通过各种标签对文字进行排版,但实际应用中,往往需要一些特殊的排版效果,这时使用标签控制相较麻烦。　语法格式:　文本　水平线　水平线标签　在网页中输入　标签,就可添加默认格式的水平线。　语法格式:　水平线标签的宽度　默认情况下,在网页中添加的水平线是100%的宽度。　语法格式:　tip:在该语法中,水平线的宽度既可以是确定的像素值,也可以是窗口宽度值得百分比。　HTML　标签　分类　...　>”符号的元素被称为HTML　标签　,如上面提到的　HTML、head、body都是HTML骨架结构　标签　。所谓　标签　就是放在“<　>”　标签　符中表示某个功能的...该　语法　中“<　标签　名>”表示该　标签　的作用开始...　HTML标签分类　在HTML页面中,带有“<　>”符号的元素被称为HTML标签,如上面提到的　HTML、head、body都是HTML骨架结构标签。所谓标签就是放在“<　>”　标签符中表示某个功能的编码命令,也称为HTML标签或　HTML元素　1.双标签　<　标签名　>　内容　　该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start　tag)”,“”　表示该标签的作用结束,一般称为“结束标签(end　tag)”。和开始标签相比,结束标签只是在前面加了一个关闭符“/”。　2.单标签　<　标签名　/>　单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。　HTML标签关系　标签的相互关系就分为两种:　1.嵌套关系　<　head　>　<　title　>　　　2.并列关系　<　head　>　　<　body　>　　倡议:　如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位。如果是并列关系,最好上下对齐。　HTML标签的语义化　白话:　所谓标签语义化,就是指标签的含义。　为什么要有语义化标签　方便代码的阅读和维护　同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容　使用语义化标签会具有更好地搜索引擎优化　核心:合适的地方给一个最为合理的标签。　语义是否良好:　当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。　遵循的原则:先确定语义的HTML　,再选合适的CSS。　HTML常用标签　首先　HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了。　不会再给结构标签指定样式了。　排版标签　排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。　标题标签　head:头部、标题　title:文档标题　为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即　、　<　h2　>　、　<　h3　>　、　<　h4　>　、　<　h5　>　和　标题标签语义:　作为标题使用,并且依据重要性递减　其基本语法格式如下:　<　hn　>　标题文本　　注意:　h1标签因为重要,尽量少用,不要动不动就向你扔了一个h1。　一般h1　都是给logo使用,或者页面中最重要标题信息。　段落标签　<　p　>　文本内容　　在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落　是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。　水平线标签　<　hr　/>　是单标签　在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标签来完成,hr就是创建横跨网页水平线的标签。　在网页中显示默认样式的水平线。　换行标签　<　br　/>　在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签。　这时如果还像在word中直接敲回车键换行就不起作用了。　div　span标签　div/span　是没有语义的,是我们网页布局主要的2个盒子:css+div　div　就是division的缩写　分割、分区的意思　,其实有很多div　来组合网页。　span　跨度,跨距;范围　语法格式:　<　div　>　这是头部　　<　span　>　今日价格　　图像标签img　单词缩写:image　图像　HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性。其基本语法格式如下:　该语法中src属性用于指定图像文件的路径和文件名,他是img标签的必需属性。　<　img　src　=　"　图像URL　"　/>　链接标签　在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,其基本语法格式如下:　<　a　href　=　"　跳转目标　"　target　=　"　目标窗口的弹出方式　"　>　文本或图像　　href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。　Hypertext　Reference的缩写。意思是超文本引用　target:用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。　注意:　外部链接　需要添加　http://www.baidu.com内部链接　直接链接内部页面名称即可　比如　<　a　href=“index.html”>　首页　如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。　不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。　base　标签　base　可以设置整体链接的打开状态　base　写到

之间　把所有的连接　都默认添加　target="_blank"　特殊字符标签　特殊字符　描述　字符的代码　 　空格符　 　<　小于号　<　>　大于号　>　&　和号　&　¥　人民币　¥　©　版权　©　®　注册商标　®　°　摄氏度　°　±　正负号　±　×　乘号　×　÷　除号　÷　²　平方2(上标2)　²　³　立方3(上标3)　³　注释标签　在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。其基本语法格式如下:　　ctrl　+　/　或者　ctrl　+shift　+　/　注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。　文本格式化标签　在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。　XHTML(可扩展标识语言)是The　Extensible　Markup　Language的简写,XHTML　1.0在2000年1月26日成为W3C的推荐标准　。　标签　显示效果　　　文字以　粗体　方式显示(XHTML推荐使用strong)　　　文字以斜体　斜体　方式显示(XHTML推荐使用em)　　　文字以　加删除线　方式显示(XHTML推荐使用del)

文字以　_加下划线　_　方式显示(XHTML不赞成使用u)　b　i　s　u　只有使用　没有　强调的意思　strong　em　del　ins　语义更强烈　标签属性　使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:　<　标签名　属性1　=　"　属性值1　"　属性2　=　"　属性值2　"　…　>　内容　　在上面的语法中,　1.标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。　2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。　3.任何标签的属性都有默认值,省略该属性则取默认值。　采取　键值对　的格式　key=“value”　的格式　比如:　<　hr　width　=　"　400　"　/>　属性　是　宽度　值是400　常用标签合集:　　<　html　lang　=　"　en　"　>　<　head　>　<　meta　charset　=　"　UTF-8　"　>　<　title　>　html常用标签　　　<　body　>　　<　h1　>　汉皇重色思倾国　　<　h2　>　御宇多年求不得　　<　h3　>　杨家有女初长成　　<　h4　>　养在深闺人未识　　<　h5　>　天生丽质难自弃　　<　h6　>　一朝选在君王侧　　　<　p　>　回眸一笑百媚生　　<　p　>　六宫粉黛无颜色　　<　p　>　春寒赐浴华清池　　<　p　>　温泉水滑洗凝脂　　<　p　>　侍儿扶起娇无力　　<　p　>　始是新承恩泽时　　　<　hr　color　=　"　blue　"　width　=　"　700px　"　align　=　"　right　布局标签　div:占整行　span:可以同行显示,宽度由其内容撑开　-->　<　div　>　云鬓花颜金步摇　　<　div　>　芙蓉帐暖度春宵　　<　div　>　春宵苦短日高起　　<　div　>　从此君王不早朝　　<　span　>　承欢侍宴无闲暇　　<　br　>　<　span　>　春从春游夜专夜　　<　br　>　<　span　>　后宫佳丽三千人　　<　br　>　<　span　>　三千宠爱在一身　　<　br　>　　<　strong　>　金屋妆成娇侍夜　　<　br　>　<　b　>　玉楼宴罢醉和春　　<　br　>　　<　em　>　姊妹弟兄皆烈士　　<　br　>　<　i　>　可怜光彩生门户　　<　br　>　　<　del　>　遂令天下父母心　　<　br　>　<　s　>　不重生男重生女　　<　br　>　　<　ins　>　骊宫高处入青云　　<　br　>　<　u　>　仙乐风飘处处闻　　<　br　>　　<　img　id　=　"　img　"　src　=　"　http://s3.sinaimg.cn/orignal/4b2b6241g736fbbad4222&690　"　alt　=　"　图片加载错误　"　title　=　"　长恨歌-白居易　"　width　=　"　700　"　height　=　"　450　"　border　=　"　2　"　>　<　br　>　　<　img　src　=　"　C:/Users/lenovo/Desktop/Web/html+css/Day1　2019-04-22/HTML/img/2.jpg　"　alt　=　"　图片加载错误　"　title　=　"　石墨相思条　"　width　=　"　700　"　height　=　"　450　"　border　=　"　2　"　>　<　br　>　　<　a　href　=　"　https://hanyu.baidu.com/shici/detail?pid=3513f5e8ceba4d46932cf9a35f002905&from=kg0　"　target　=　"　blank　"　>　点击跳转到“长恨歌-百度百科”　　<　br　>　　<　a　href　=　"　课堂练习1.html　"　target　=　"　_blank　"　>　点击跳转到“课堂练习1”　　<　br　>　　注:本教程需要一点对markdown　语法格式　的了解,什么都不知道的,请直接看献给写作者的　Markdown　新手指南的参考资料,再来看本文,会更好的去学习。　基本排版格式　(一)　目录编辑　导航目录链接制作,一般使用...　Markdown　编写文章攻略　注:本教程需要一点对markdown语法格式的了解,什么都不知道的,请直接看献给写作者的　Markdown　新手指南的参考资料,再来看本文,会更好的去学习。　基本排版格式　(一)　目录编辑　导航目录链接制作,一般使用二级、三级标题格式(需要解析)　第一种方式获取标题:　*　TOC　{　:toc　}　小标题无序目录(注意空格)　*　目录一　*　目录二　小标题有序目录(注意空格)　1.　目录一　2.　目录二　锚点链接(注意英文字符)　[　目录　](　#目录　)[　Fork　指南　](　#fork-指南　)　(二)　链接表示　基本插入链接表示:　网址链接:　[跳转名](https://xxx.github.io)　本地图片链接(最好使用图床网站获取图片url):　![](/images/wiki/eclipse-need-java6.png)　待定链接:　[这个链接跳转不了](#)　统一的的链接跳转方式(为了排版好看一点):　参考:[　mpv　keybindings　][　0　]参考:[　OPTIONS　][　1　]参考:[　MPV使用小记　][　2　]　快捷插入网址链接表示形式:　　(三)　表格排版　表格排版参考(注意空行)　|　功能　|　快捷键　for　win　|　快捷键　for　mac　Project　|　M　-　1　|　Cmd　-　1　||　Terminal　|　M　-　F12　|　M　-　F12　||　Editor　|　Esc　|　Esc　|　注意:表示文字居左显示,表示文字居中显示,表示文字居右显示。　(四)　文字处理　分割线　第一种方式:　-----　第二种方式:　***　效果展示:　删除线:　删除线　,效果展示:　删除线　斜体:　*斜体*　,效果展示:　斜体　表情插入(需要解析)　:camel:　:blush:　:smile