html基础知识（html5）
1.页面的组成部分
| 序号 |
内容 |
描述 |
| 1 |
文本内容 |
用户看得见的文本 |
| 2 |
其他文件的引用 |
视频、音频、样式、脚本 |
| 3 |
标记 |
对本的及引用文件的正确描述 |
2.html设计思想
| 术语 |
描述 |
| 超文本 |
是指包含有超链接的文本 |
| 标记 |
就是用来描述内容的固定标签 |
| 语言 |
html并不是编程语言，只是书写html文档的工具 |
3.基本的html页面
3.1html结构源码
<!DOCTYPE html><html lang="en"> <head> <!--设置网页编码--> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <!--设置网站图标--> <link rel="icon" href="图标文件路径" type="image/x-icon"/> <link rel="shortcut icon" href="图标路径" type="image/x-icon"/> <!--导入外部样式表--> <link rel="stylesheet" type="text/css" href="css样式路径" /> <!--导入外部js文件--> <script src="js文件路径"></script> <title>HTML5页面</title> </head> <body> <!--非空元素 双标签--> <h2>第一个网页</h2> <!--空元素 单标签--> <img src="图片路径或地址" alt="" /> </body></html>
4.属性
-属性必须写到元素的“起始标签”中，由属性名（推荐小写字母）和值两部分构成
| 序号 |
值类型 |
描述 |
| 1 |
字符串 |
<p class="active">……</p> |
| 2 |
预定义值 |
<input type="text"/> |
| 3 |
指定格式 |
<a href="https://php.cn">php中文网</a> |
| 4 |
数值 |
<table width="200> </table> |
| 5 |
布尔值 |
<input type="email" required /> |
-三大通用属性：id class style
5.网页中的文本字符
| 序号 |
字符 |
描述 |
转义字符 |
实体编号 |
| 1 |
' ' |
空格 |
|
  |
| 2 |
< |
小于 |
< |
< |
| 3 |
> |
大于 |
> |
> |
| 4 |
& |
&符号 |
& |
& |
| 5 |
" |
双引号 |
" |
" |
| 6 |
© |
版权 |
© |
© |
| 7 |
® |
已注册商标 |
® |
® |
| 8 |
× |
乘号 |
× |
× |
| 9 |
÷ |
除号 |
÷ |
÷ |
6、其他注意事项
- 1.文件和文件名称：全部使用小写字母
- 2.html中属性:间尽量用-而非_分割多个单词（如果最终要在php中当作变量的和表单中的
name和value除外） - 3.html每个元素都由默认样式，自定义样式优先级高于默认样式，在开发中为了适配不同的浏览器达到一样的效果，往往需要重置元素样式，来达到不同浏览器之间效果一样
