HTML概述
网页组成
HTML+CSS+JavaScript
骨头 + 肉 +动作
互联网运行过程
客户端http请求(request)→服务器
服务器http响应(response)→客户端:渲染得到网页效果
浏览器功能
- 发送http请求
- 接受http响应
- 解析HTML并显示
HTML概念——超文本标记语言
纯文本格式
- 只有语义,不带有任何格式、样式。文件大小较小
- 如:.txt文件
富文本格式
- 与纯文本相反,内部可以保存文本的样式、图片
- 如:.rtf文件,.doc文件
HTML语义化
- 方便阅读与维护
- 便于爬虫与解析
- 利于SEO搜索引擎优化,提高排名
HTML基础语法
HTML标签
标签是什么
- HTML标记通常被称作HTML标签(HTML tag)
HTML标签语义
- 写在< >中间,如:<html>
- 分成单和双
- 单 :<p></p>
- 双:
- 双标签要有开始与结束,必须有关闭符号/,单标签在h5可以不写/
HTML元素
- HTML元素是从开始标签到结束标签的所有内容,包括开始标签、元素内容、结束标签
元素内容
- 元素内容是指双标签内部部分
- 单标签没有元素内容
标签级别
- 容器级:存放任意内容,如:h1,div
- 文本级:只能存放文字或者类似文字,比如图片、表单。如:p
HTML元素的特性
- 对空格、换行、缩进等空白不敏感,所以直接写无效,需要用到字符实体
HTML属性
书写规范
- 书写位置:开始标签或者单标签
- 属性名(key)、属性值(value)。键值对写法,如:k="v"
- 多个属性用空格隔开
- 可设置多个属性值v,空格隔开,如:k="v u"
HTML基本结构
基本骨架
- 四个标签:<html>、<head>、 <title>、 <body>
- 对应内容:表示整个、头部 、 标题 、 身体
DTD——文档定义类型
- 作用:告知使用的哪个版本的HTML规范
- h5版本:<!DOCTYPE html>
命名空间
<html>元素表示整个网页文档, 在开始标签上设置了命名空间xmlns属性
h5版本:<html lang="en"></html> ,lang指语言
字符集
- <meta>定义字符编码
- h5版本:<meta charset="UTF-8">