一、概念:最基础的网页开发语言
1、Hyper Text Markup Language 超文本标记语言
2、超文本:用超链接的方法将不同空间的文字信息组织在一起的网状文本
3、标记语言:由标签构成的语言,标记语言不是编程语言
二、语法:
1.html文档后缀名 .html 或者 .htm
2.标签分类:
1)围堵标签:由开始和结束标签组成 例如 <html></html>
2)自闭标签:开始标签和结束标签在一起 如<br />
3.标签可以嵌套:需要正确嵌套不能你中有我我中有你
错误<a><b><a/><b/> 正确<a><b></b></a>
4.在开始标签中可以定义属性,属性有键值对构成,值需要使用引号(单双均可)引起来
5.html 标签不区分大小写,建议小写
三、标签
1.文件标签:构成html的基本标签
1)html 根标签
2)head:头标签,用于指定html文档的一些属性,引入外部资源
3)title:标题标签
4)body:体标签(浏览器展示部分)
5)<!DOCTYPE HTML> H5中定义文档是html文档,在文件最上方
5)<meta charset="UTF-8"> 在head中定义文件的字符集,避免中文乱码
2.文本标签:和文字有关的标签
*注释:<!-- 注释内容 -->>
1)<h1>~<h6> 标题标签 字号随1~6逐渐变小,自带换行效果
2)<p> 段落标签
3)<br> 换行标签 (自闭标签)
4)<hr>显示一条水平线
属性 color:颜色 width:宽度 size:高度 align:对齐方式 =(left 左对齐、right 右对齐、center:居中)
5)<b> 字体加粗
6)<i> 字体倾斜
7)<font> 字体标签,可以通过属性设置字体格式
属性color:颜色、size:大小、 face:字体
8)<center>居中显示
*属性赋值:
coloe赋值
1.英文单词 red、green。。。
2.rgb(值1,值2,值3)值的范围0~255 如(rgb(0,26,255))
3.#6位16进制数值 例如:color='#25FF4D'
width宽度赋值:
1.数值 width='20' 单位默认 px(像素)
2.数值%width='20%' 占比相对于父元素的比例
3.图片标签:
1)<img> 图片标签
属性:src