数据团Python_10.1 认识HTML——网页构成

2017-04-10 本文已影响29人 00e6a8fd618f

什么是HTML？

HMTL的标签

HTML基本结构

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

总结