HTML基础问题

锚点定位

主要用a标签

a标签的herf属性遇到#一般情况下不会跳转页面，所以使用herf值给成#+某个标签的id,则跳转到这个标签的位置

标签可选属性：id(身份证号)

整个html文件，只允许有一个id

路径问题

• 相对路径：相对于我自身页面而言的位置

  …/是往回退出一层文件夹
  以引用文件之间网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。

1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可.
2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开.
3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推.
   绝对路径
   以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的

列表标签（三种）

无序列表ul

<ul>
		<li>苹果</li>
		<li>橘子</li>
		<li>香蕉</li>
		<li>榴莲</li>
</ul>

有序列表 ol

<ol>
		<li>苹果</li>
		<li>橘子</li>
		<li>香蕉</li>
		<li>榴莲</li>
</ol>

自定义列表

<dl>
		<dt>网页的三大标准</dt>
		<dd>html是构造网页的骨骼架构</dd>
		<dd>CSS是对网页的内容的表述</dd>
		<dd>JS是对网页的动态效果处理</dd>
</dl>

dt(这个列表的主题)  
dd（这个主题的解释说明）

表格

创建表格

table标签 没有大小

tr标签划分行 没有大小

td标签代表一个格子 凭借td里面装的内容撑开

<table>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>5</td>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
			<td>8</td>
			<td>9</td>
		</tr>
</table>

属性

border	表格的边框
width	表格的宽度
height	表格的高度
cellspaceing	单元格与单元格之间的空白距离
cellpadding	单元格中的内容与单元格边框的距离
align	设置这个表格整体的一个对齐方式、center/left/right

表头标签

表头一般位于表格的第一行或第一列，其文本加粗居中

表格标题

表格的标题： caption

定义和用法
caption 元素定义表格标题。

合并单元格

跨行合并：rowspan 跨列合并：colspan

合并单元格的思想：
​ 将多个内容合并的时候，就会有多余的东西，把它删除。
​ 公式： 删除的个数 = 合并的个数 - 1

表单

目的是为了收集用户输入信息。

在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。

表单控件：
​ 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

表单域：
​ 他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。

表单域：

在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

form作用是用户的信息交互(获取用户的输入信息等提交给服务器)

常用属性：

1. Action
   在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。

2. method
   用于设置表单数据的提交方式，其取值为get或post。

   get可以直接通过url将表单数据传递给服务器
   post不能直接通过url传递

   get和post的具体区别：
   1.get从指定的资源请求数据，post向指定的资源提交要被处理的数据
   2.get请求的数据会附在URL之后（就是把数据放置在HTTP协议头中），post请求是把提交的数据放置在HTTP的消息主体中。
   3.get请求可被缓存，post请求不会被缓存。
   4.get请求会保存在浏览器历史记录中，post请求不会保留在浏览器的历史记录中。
   5.get请求可被收藏为书签，post请求不会被收藏为书签。
   6.get请求对长度有限制，post请求对长度没有限制。
   7.get请求安全性较差，post请求会相对安全。
   8.get请求只允许ASCII字符，post请求没有限制，也允许二进制数据。
   9.get在浏览器回退时是无害的，而post会再次提交请求。

3. name

   如果表单元素有name属性，则在表单被get提交的时候会将这个表单元素的值通过url传递到服务器

表单元素：

input元素

在上面的语法中，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。。

属性	属性值	描述
type	text	文本输入框
	password	密码输入框
	radio	单选按钮，同一组按钮必须给个name属性，而且属性值相同
	checkbox	复选框
	button	普通按钮
	submit	提交按钮
	reset	重置按钮
	image	图片形式的提交按钮
value		该控件中的默认文本
size	整数	该控件的宽度
checked	checked	确定该控件是否被默认选中
maxlength	整数	控件中的文本内容的最大字符数

属性placeholder:设置文本框阴影提示

label标签

label 标签为 input 元素定义标注（标签）。

作用： 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

for 属性规定 label 与哪个表单元素绑定。

<label for="male">Male</label>
<input type="radio" name="sex" id="male" >

textarea控件

如果需要输入大量的信息，就需要用到<textarea></textarea>标签。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：

<textarea cols="每行中的字符数" rows="显示的行数">
  文本内容
</textarea>

下拉菜单

使用select控件定义下拉菜单的基本语法格式如下

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

注意：

1. <select></select>中至少应包含一对<option></option>。
2. 在option 中定义selected =" selected "时，当前项即为默认选中项。