HTML 学习第二天（总结）

a标签（anchor，锚，超级链接）（双标签）

作用：通过提供的路径进行跳转；

属性：

1.href ：hypertext reference 超文本引用，属性值是我们跳转的网页。

例：链接网页：
<a herf="http://www.baidu.com"> 点击进入百度</a>

跳转文件：<a href="Untitled-1.html">跳转到文件1</a>

a标签中还能添加图片；

2.target:跳转后的网页是否在新窗口打开（默认在原窗口打开）

若在新窗口打开添加属性targe=“-b’lan’k”

3.title （设置鼠标悬停文本）

a在页面内锚点跳转

方法：

1.在对应位置的标签加一个id属性，属性为id名；
跳转锚点：
herf=“#id名”
2.在需要添加锚点的位置添加一个a标签不用写href属性，添加一个name属性。命名和id属性一样。
跳转锚点：
herf=“#name名”

跨页面锚点跳转

列表（将一些内容或样式类似或相近的内容一起写）

三种

1.无序列表

1.添加无序列表的语义；
2.是一组标签，ul 和 li 必须成对出现；
ul：unorder list ,无序列表；
li：list item , 列表项；
3.ul 里边可以嵌套多个li；
4.li 是容器级标签，内部可以放置任何标签；
5.无序列表中的项并没有顺序之分；
6.默认有小圆点样式；

有序列表

1.添加有序列表的语义，搭建列表；
2.ol 和li 成对出现；
ol ：ordered list ,有序liebiao；
li ：list item ，列表项；
3.ol 里边可以嵌套多个li；
4.li 是容器级标签，内部可以放置任何标签，不能单独出现；
5.默认有一个数字前缀；

定义列表（dl dt dd）

作用：定义主题和解释；

1.定义一个列表结构，里面有定义的主题和对主题的解释；
2.标签解释：
dl ：definition list ,定义列表；
dt : defintion title ,定义标题；
dd : defintion description ,说明解释最近的dt；
3.这一组必须同时出现；
4.dt 后可以跟多个dl；
5.dt dd 都是容器级；

根据实际情况选择适合的列表；

div 和 span 标签

1.对div 和 span 的认识；

  通常称为盒子；
  div ：division（范围，结构，分割）经常用来布局；
  div中经常放置一些具有某些特殊功能或相似类型的标签；
  div是容器级；
  span ：小区域，小跨度。用于小范围调整布局；
  span是文本级标签；
  span在p标签内:p>span>a;

表格

1.表格基础

table ：表格；
tr：table rows 表格行；
td ：table dock 表格列；
border ：边框厚度，属性值为数字；
th ：table head 表格头；

2.合并单元格

标签：td th；
属性：
rowspan ：合并行单元格；
colspan ：合并列单元格；
属性值是数字实际表示合并几个；
（上边线在一起的属于一个单元格）
例：
前五行：

3.表格分区

标题：caption；
表头：thead（thead>tr>th）；
主题：tbody(tdody>tr>td)；

表单（网页上提供输入，点击的控件）

1.form（所有表格元素都要写在form标签内部，不是结构性标签，是功能行标签）

功能：规定我们提交的数据发送到哪里，发送的方法是那种；
method： 提交数据的方法，属性值 get ，post；
action ： 提交的位置；

2. input（单标签）

属性type 决定表单的类型；
type ：text （ 文本框），button （普通按钮），password（密码框），submit（提交按钮），rest（重置按钮），radio（重选框），checkbox（多选框）；

3.文本框（允许用户输入文本）

4.密码框

5.按钮

6.单选框

相同的一组name属性是一组，相同的name属性才能达到单选的效果；

7.多选框

8.文本域

标签：textarea：可以输入多行文本；
属性：rows：属性是数字，表示有多行；
cols：属性是数字，表示多少列；

9.下拉菜单（是一组标签，必须同时出现，有嵌套关系）

select 选择；
option 选项；
select>option;