渡课课堂总结（7.19）

关于HTML基础的总结

---

首先，我们要知道HTML是一种超文本标记语言，不需要编译，直接由浏览器执行。HTML由W3C维护，是通向WEB技术世界的钥匙。

一、HTML文件主体结构标签

1、文档声明

2、html标签

3、head标签里面会包含诸如页面标题，搜索引擎信息等相关的标签

4、body标签页面的主体内容包含在里面。属性有background、bgcolor、text、link、vlink、alink

---

二、head头部标签

1、定义标题

2、

3、

相关的代码：

定义字符集编码
刷新或者跳转http://www.baidu.com” >过3秒跳到百度
设置关键字
设置页面描述
定义网站标题图标（各种图标可以到icon网上找）

---

三、格式排版标签

换行

---

分隔线

段落

原样输出（按照原格式输出） 

标题标签 


 
 居中 

HTML实体： 

*   空格 

* <        < 

* >   > 

* "   “ 引号 

* ©   © 版权 

* ¥   ¥ 

* ×  × 

* ÷  ÷ 

* ®    ®

---

四、列表标签

ul 无序列表
li
ol 有序列表
dl 定义列表
dt 列表项的标题
dd 列表项目的描述

---

五、文本标签

em 强调 表现为斜体
strong 强调 表现为加粗
blockquote引用

---

六、链接和锚点

1、URL同一资源定位符,万维网的每一个文件都有一个URL

2、a标签属性： href的值是URL、target新网页从哪个窗口打开（_self/_blank）、title 提示、download下载（H5新增）

3、锚点、使用超链接#跳到指定位置

---

七、图像

1、img标签的属性：

src
alt图片无法显示时显示文字
title
width/height
usemap
2、usemap用于图片的映射。一个图像被分成几个区域，当用户点击某一个区域时，将被链接到不同的文档中。

---

八、表格

1、table标签 属性：border、width/height、cellspacing(单元格之间的间隙，默认2)、cellpadding(单元格与单元格内容之间的间隙，默认0)、align、bgcolor、background

2、tr标签 属性：

align(行内文字的水平对齐方式left/center/right)
valign(行内文字的垂直对齐方式top/middle/bottom)
height行高度
bgcolor

3、td标签属性：align、valign、width、height

4、th标签 表头

---

九、表单

1、form属性有action、method、target、enctype

2、input

name
type(text默认文本框、password密码框、radio单选框、checkbox复选框、file文件上传、submit提交按钮、reset重置按钮、button普通按钮)
value type值不同value的意义不同
size 控制输入框宽度 适用于text/password
maxlength 最大输入字符个数 适用于text/password
checked 默认选中 适用于radio/checkbox
readonly 只读
disabled 表示不可用

3、button

type属性 submit（默认）、reset、button
4、select属性 name、size

5、option属性 value、diabled、selected（默认选项）

博士
硕士
本科
专科

6、textarea属性 rows(高度)、cols(宽度)

自我介绍

7、label

密码

---

十、框架分帧

iframe

---

十一、HTML全局属性

title、id、class、style