HTML 超文本标识语言(hyper text markup language ) 是由一堆代码组成，通过标识和标签，来渲染 文字、图片、音频、视频、动画、表格等。
蒂姆·博纳斯·李 W3C （w3c.org）。html代码，由前端大佬，写出来的网页 能符合web标准。万维网联盟 全球四大中心，麻省理工学院，欧洲数字信息中心、东京庆应大学，北京航空航天大学。
主要作用：就是让各大浏览器都能够显示同一样的页面。
1、网页由哪些内容组成
文字、图片、视频、音频、动画、表格。
2、网页背后的本质是什么
前端程序员写的代码
3、前端代码咋变成网页的呢
通过浏览器的转化(渲染)成用户看到的页面
浏览器:是网页显示、运行的平台。前端的开发必备利器。
渲染引擎(内核):浏览器中针对代码进行解析。
HTML只是描述网页的一种语言，不是编程语言
H5 IE8以下版本不支持H5。1
判断标签支持某浏览器的某个版本 Can I use... Support tables for HTML5, CSS3, etc
手写第一个简单网页
<!DOCTYPE html> ?<!--说明一下代码全部是html--> <html> ? ? ? ? ? <!----> <head> <title>软测三期</title> </head> <body> <center>hello web</center> i am rllt<br/> ? i from china </body> </html>为html添加注释<!--XXXXX-->
双标记也叫作常规标记，例如<html></html> 有头有尾。标记中可以添加属性和属性值。
单标记也叫空标记
没头没尾，但是也可以加属性和属性值。
常用的标记
<style> ? p{ border:5px blue solid; } </style>定义p为边框像素为5像素，蓝色 单线框
1、h标记
作用是标题。h1~h6。一个网页最好只有一个大标题，
属性:align
属性值:left(左) center(中间) right(右边)
2、p标记
作用是指定一个段落，并自动换行【相对：span】
属性:align
属性值:left(左) center(中间) right(右边)
3、br 单标记
作用是换行
4、<em>、<i> 标记
作用是让字体进行倾斜
5、<del>、<s>标记
作用给文字加上横线。
6、<u> 标记
作用为文字加上下划线
7、<b>、<strong>标记
作用是着重突出显示某文字。加粗
8、sub和sup 标记
作用 sub 是下标 sup 是上标
9、font标记
属性:color size
10、<a>标记
作用：主要跳转网页链接或者链接到本地文件
属性:href="XXX"|"http://XXXXXX"
相对路径 : 相对于html所在的路径而言，去调用本地文件
绝对路径:从根分区一直到文件所在位置，所有经过的路径全部写上
11、hr标记
作用:生成一条横线
属性：size 设置大小单位 px(像素)
width: 横线在网页显示的长度
color：横线的颜色设置
body标记常用属性
bgcolor: 设置网页背景颜色
background：设置网页北京图片
pre、div、p标记
是一个‘块’标记，同时可将pre标记中的所有内容完全展现。包含换行，空格等}即内容保持一致。
span标记与p div的区别是，span只占用自己所占用的页面空间，不会占用整行
html实体字符
> > < < * × / ÷ ?
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #html简单网页代码 #HTML #超文本标识语言hyper #Text #Markup #Language
