HTML基础知识

1、网页组成

网页的内容可以有三部分

序号	内容	描述
1	文字	用户可见内容
2	图片	视频、音频
3	标记	文本或其它资源

示例：

<p>php中文网</p>
<img src="helloworld.jpg" alt="helloworld">

2、Html标签

超文本
标记

3、HTML页面结构

神器Emmet,输!再按TAB键可自动生成代码模板

 <!DOCTYPE html>
 <!-- 用emmet自动生成-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网页文档标题</title>
</head>
<body>
</body>
</html>

头部元数据
charset 字符集 PHP中不需要-号
视口(可视屏幕) 针对移动端用一般只设宽度，不用设置高度，

4、元素、属性和值

非空元素
```
<p>非空元素</p>
```
空元素

<img src="1.jpg">

required 布尔值，出现的话就是True

<form action = "1.php" method="get">
    <lable for="myemail">邮箱</lable>
    <input type="text" placeholer="email:" required>
</form>

三大通用属性：id ,class, style

<!DOCTYPE html>
 <!-- 可用emmet自动生成-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网页文档标题</title>
</head>
<body>
        <form action = "1.php" method="get">
                <lable for="my-email">邮箱</lable>
                <input type="text" placeholer="email:" id="my-email" required>
                <button>提交</button>
        </form>
</body>
</html>

5 元素层级

元素中允许包含另一个元素,被包含的元素叫做子元素, 子元素又可以继续包含其它元素
元素层级结构中, 必须保持正确的嵌套关系

6、网页中的实体字符

1.多个空格,制表符,回车符,换行符,都会被压缩为一个空格
2.<,>,&等字符具有特殊意义,需要转义后才允许添加到 html 文档

7、元素样式

元素在不同浏览器表现并不完全相同

8 URL

说白了，一般就是个网址
URL:统一资源定位符.
http/https: 协议, 模式. 服务器

0402-HTML基础知识