目前最全的HTML基本语法总结 值得收藏!文末赠整套web前端教程



 





概述



HTML文档由HTML元素组成,一个HTML元素由一个标签和一组属性组成。一个标签可以有一个或多个属性,属性以名称和值成对出现。Web 浏览器读取HTML 文档,并以网页的形式显示出来,浏览器不会显示 HTML 标签,而是通过标签来解释网页的内容。





HTML(Hyper Text Mark-up Language超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、大小来显示等,这些都是利用Html标记来实现。





HTML标签是由尖括号(<和>)包围的关键词,如标签 <p>。标签不区分大小写,故 <p> 和 <P> 的含义相同,不过推荐使用小写。



HTML标签通常成对出现,一个是开始标签,一个是结束标签。开始标签告诉浏览器,从这里开始执行该标签所表示的功能;结束标签告诉浏览器,该功能到这里结束。在开始标签前加一个斜杠(/)即成为结束标签。如,html 元素的开始标签是 <html>,结束标签是</html>。也就是说,一个HTML 元素由开始标签、内容、结束标签组成。开始标签是放在一对尖括号中的元素名称及可能包含的属性,结束标签是放在一对尖括号中的斜杠加元素的名称。语法格式为:<开始标签>内容</结束标签>。如,em 元素的开始标签为<em>,结束标签为 </em>,在<em> 和 </em> 标签之间是元素的内容。如下图所示:





HTML的文档结构



所有的网页文件,通过都是四对标记来构成文档的骨架,它们是:





小结:



<html></html>标识网页文件的开始与结束,所有的Html元素,都要放在这对标记中。



<head></head>标识网页文件的头部信息,如标题、搜索引擎关键字等



<title></title>标识网页文件的标题



<body></body>标识网页文件的主体部分





常见的HTML的标记语法



1. 单标记



一.<标记名称>



单一型,无属性值



如:<br/>表示换行符



二.<标记名称属性=属性值>



单一型,有属性值



如:<hr width=80%/>



2. 双标记



三.<标记名称></标记名称>



没有属性值



如:<title><title>



四.<标记名称属性=属性值></标记名称>



有属性值



如:<body bgcolor=red></body>



注释



格式:



<!注释内容-->



Body属性



<body bgcolor=背景颜色 background=背景图像 text=文本颜色 link=链接文本颜色 vlink=访问过的文本颜色 alink=激活的连接文本颜色 leftmargin=左边界>





<font>标记



语法:



<font color=文本颜色 size=字号>文本</font>



字符格式





段落标记



格式:



<p align=对齐方式></p>





HTML中的特殊字符





修饰标记



水平直线<hr/>







 


点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

热门产品

历史上的今天:03月29日

热门专题

安徽开放大学|安徽开放大学报名,安徽开放大学报考,安徽开放大学,什么是安徽开放大学,安徽开放大学学历,安徽开放大学学费,安徽开放大学报名条件,安徽开放大学报名时间,安徽开放大学学历,安徽开放大学专业
安徽开放大学
云南综合高中|云南综合高中
云南综合高中
天麻的功效与作用吃法|天麻的功效与作用,天麻的功效与作用吃法,天麻炖什么治头痛最好,天麻的功效与作用禁忌,天麻多少钱一斤,天麻的功效与作用吃法及禁忌,天麻怎么吃效果最好,天麻粉的功效与作用,天麻怎么吃
天麻的功效与作用吃法
安徽中源管业|安徽中源管业,安徽中源管业mpp电力管,安徽中源管业cpvc电力管,安徽中源管业pe穿线管,安徽中源管业电力管,安徽中源管业排水管,安徽中源管业通信管,安徽中源管业管材
安徽中源管业
小程序开发|微信小程序,小程序开发,小程序,小程序制作,微信小程序开发,小程序公司,小程序开发公司,分销,三级分销系统,分销系统
小程序开发
金诺幼儿园(春城路金诺幼儿园)|昆明官渡区幼儿园,幼儿园报名,官渡区幼儿园,春城路幼儿园,幼儿园招生,学前班,昆明幼儿园,金诺幼儿园,环城南路幼儿园,石井路幼儿园
金诺幼儿园(春城路金诺幼儿园)
云南网站建设|云南网站制作,网站建设,云南网站开发,云南网站设计,云南网页设计,云南网站建设公司,云南网站建设
云南网站建设
弥勒综合高中|弥勒综合高中
弥勒综合高中

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部