目录
1.HTML概述
2.HTML基本语法
3.基本常用标签
4.表格
5.表单
1.HTML概述
HTML 超文本标记语言(HyperText Markup Language)
超文本 :网页中可以显示的内容(图片,超链接,视频...)
标记语言:标记-->标签(标注)
标记语言中,就是提供许多标签,不同标签有不同功能,最终运行,由浏览器对标签解析,最终呈现不同标签样子。
2.HTML基本语法
声明
html4的文档声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html5的文档声明
<!DOCTYPE html>
基本结构
![](https://i-blog.csdnimg.cn/blog_migrate/34315b5381d18f6b580a8846b57311fc.png)
标签结构
<开始标签>标签体</结束标签> 闭合标签(封闭区的间)双标签
<标签名/> 自闭和标签,无修饰内容,只完成功能 单标签
标签的属性
可以通过改变标签属性,设置标签显示格式
1 属性必须写在开始标签中 <标签名 属性名 = “属性值“ >xxx</标签名>
2 属性格式 属性名 = “属性值“
3 一个标签中可以写多个属性 <标签名 属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名>
Head标签
头部区域的标签标签为: <title>, <style>, <meta>, <link>, <script>
<title>标签可定义网页的标题
<meta> 标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新
频度的描述和关键词。
<meta> 标签位于文档的头部
<meta charset="utf-8" />
<link rel="icon" href="ico地址"> 标题处添加图标
3.基本常用标签
标题标签
<h1></h1>…..<h6></h6>
段落标签 <p></p>
换行标签 <br/>
标尺线 <hr />
![](https://i-blog.csdnimg.cn/blog_migrate/0e649e12009b3dde8698b8abcaad7d22.png)
列表
无序列表
<ul><li></li></ul>
有序列表
<ol><li></li></ol>
![](https://i-blog.csdnimg.cn/blog_migrate/cf0dc890aea76cbf803beaa3c0ccd8d9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b6466656bd62e0abc5f32f805a0970c0.png)
超链接
<a></a>
图像标签
<img/>