10.1 认识HTML——网页构成
什么是HTML？
- 超文本标记语言（Hyper Text Markup Language）
- 不是编程语言，是标记语言
- 标记语言是一套标记标签（markup tag）
- 使用标记标签来描述网页
HMTL的标签
- 标签是由尖括号包围的关键词，比如
<html> - 标签通常成对出现，比如
<b>和</b> - 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被成为开放标签和闭合标签
HTML基本结构
- 文档类型
<!DOCTYPE>声明 - html文档
<html>...</html> - 头部信息
<head>...</head>隐藏，如果不需要可以忽略 - 正文，可见
<body>...</body>
HTML基本标签
- HTML标题
标题（Heading）通过<h1> - <h6>等标签定义，<h1>定义最大标题，<h6>定义最小标题 - HTML段落
段落通过<p>标签定义 - HTML超链接
通过<a>标签在HTML中创建连接，通过使用href属性-创建指向另一个文档的链接 - HTML图像
图像由<img>标签定义，显示图像使用源属性（src） - HTML列表
无序列表是一个项目的列表，始于<url>标签，每个列表项始于<li>
有序列表也是一列项目，列表项目使用数字标记，有序列表适于<ol>标签，每个列表项始于<li> - HTML分组标识
<div>元素：定义文档中的分区或节。 块元素
<span>元素：组合文档中的行内元素。 内联元素 - HTML注释
注释标签``用于在HTML插入注释
HTMl头部元素主要信息
- HTML
<title>元素
<title>标签定义文档的标题，且在所有HTML / XHTML 文档中都是必需的- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时显示的标题
- 显示在搜索引擎结果中的页面标题
- HTML
<base>元素
<base>标签为页面上的所有链接规定默认地址或默认目标（target） - HTML
<link>元素
<link>标签定义文档与外部资源之间的关系，常用于链接样式表CSS - HTML
<style>元素
<style>标签用于为HTML文档定义样式信息 - HTML
<meta>元素
元数据(metadata)是关于数据的信息-
<meta>标签提供关于HTML文档的元数据，元数据不会显示在页面，机器可读 - 典型情况，meta元素被用于规定页面的描述、关键词、文档的作者、最后修改时间及其他元数据
-
<meta>标签始终位于head元素中 - 元数据可用与浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务
-
- HTML
<script>元素
<script>标签定义客户端脚本，比如JavaScript
元素和属性
- 元素
HTML元素指从开始标签(start tag)到结束标签（end tag）的所有代码 - 属性
HTML标签可以拥有属性，属性提供了有关HTML元素的更多的信息，属性总是以名称 / 值对的形式出现，比如：name = “value”
属性总是在HTML元素的开始标签中规定 - 样式 style 属性
样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式
通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立样式表（CSS文件）进行定义
HTML CSS
- CSS指层叠样式表（Cascading Style Sheets）
- 样式定义如何显示 HTML 元素
- 样式通常存储在样式表中
- 外部样式表可以极大提高工作效率
- 外部样式表通常存储在 CSS 文件中
- 多个样式定义可层叠为一
总结
- HTML 网页结构
- CSS 样式
- JavaScript 功能
网友评论