html 基础
1. 网页的组成
任何一个页面都有三部分
序号 |
内容 |
描述 |
1 |
文本内容 |
用户可见的内容,如新闻,电话… |
2 |
其他资源的引用 |
图片,视频,音频… |
3 |
标记 |
对文本,其他资源的描述 |
<p>我是php中文网的学生136953</p>
<img src="logo.png" alt="log" />
2. html 设计思想
- 超文本:是指包括了超链接的文本
- 预定义标记:是用来描述内容的固定标签
- 语言: html 并不是编程语言,只是用来书写 html 文档的工具
3. html 页面结构
<!DOCTYPE html>
<!-- 通知浏览器,我是一个html5文档 -->
<html lang-"zh-CN">
<!--html;根标签/根元素 --->
<head>
<!-- head中的内容,用户不感兴趣,或者不需要用户看到,给浏览器/开发者 -->
<!-- 元数据:描述某种特定信息的数据 -->
<!-- 当前字符集是utf-8 -->
<meta charset="UTF-8" />
<!-- viewport:视口/可视区屏幕 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>当前页面的标题</title>
</head>
<body>
<!-- 这是用户真正看到的内容啦 -->
<h2>php中文网欢迎大伙...</h2>
</body>
/html>
4. 元素,属性和值
4.1 元素与标签
元素 |
标签 |
描述 |
非空元素 |
双标签 |
<p>学习让我很快乐</p> |
空元素 |
单标签 |
<img src="1.jpg" alt=""> |
4.2 属性和值
- 属性写在起始标签中 -值:预定义值,字符串,指定格式,数值,布尔值