web——html

1. 文本格式化标签

设置粗体，斜体或者下划线

加粗<strong></strong>或者<>

斜体<em></em>

删除线<dei></dei>

下划线<ins></ins>

2. <div>和<span>标签---用来布局

没有意义，只是一个盒子，装内容的

<div>表示分割，一行只能放一个，大盒子

<span>表示跨度、跨距，一行可以放多个，小盒子

3. 图像标签和路径

<img>单标签

<img src=”图像URL” />：src是必须属性，指定图像文件的路径和文件名

其他属性：

Alt 替换文本,图像显示不出来的时候用文字替换

<img sec=”img.jpg” alt =”我是pinklaoshi ” />

Title 提示文本，鼠标放在图像上，提示文本

<img sec=”img.jpg” alt =”我是pinklaoshi ” title =”我是pinklaoshi ” />

Width 设定图片的宽度：

Height 设定图片的高度：宽度和高度只选择一个就可以，系统自动等比例缩小

Border 设定图片的边框：

图像标签要注意：

属性之间没有顺序，属性与属性之前需要空格分开

相对路径：同一级路径，直接写

下一级路径，在文件名前加入/目前目录

上一级路径，在文件名前加入.../目标目录

绝对路径：可以用于完整的链接的复制

4. 超链接

<a href =”跳转目标” target = “目标窗口的弹出方式”> 文本或者图像</a>

Href: 必须属性

Target: 打开方式_self为默认值，_blank为新的窗口打开方式

内部链接不需要加http://

空连接：#

下载链接：地址链接的是文件.exe或者是.Zip等压缩包形式

网页元素的链接：直接可以用

锚链接：点击链接，可以快速定位到页面中的某个位置

<a href = “#起名”>标题</a>再到内容<h1>中加入一个id=”起名”

5. 注释

<!--注释语句 --> 快捷键Ctrl+ /

6. 特殊字符

空格	 
<	&lt;
>	&gt;

7. 表格标签

<table></table> 用于定义表格的标签

<tr></tr> 用于定义表格中的行

<td></td>用于定于表格中的单元格

• 表头单元格标签

<th>表头单元格中的文本内容加粗居中显示

• 表格属性（了解）

属性名	属性值	描述
align	left,center,right	规定表格相对于周围元素的对齐方式
border	1或者""	规定表格是否有边框，默认为"",表示没有边框
cellpadding	像素值	规定在单元格与内容之前的空白，默认是1像素
cellspacing	像素值	规定在单元格之间的空白，默认是2像素
width	像素值或者百分比	表格的宽度

• 表格结构标签

<thead>表格的头部区域

<tbody>表格的主体区域

• 合并单元格

跨行合并：rowspan="合并单元格的个数"，最上侧单元格为目标单元格，写合并代码

跨列合并:colspan="合并单元格的个数"，最左侧单元格为目标单元格，写合并代码

步骤：先选择方式；在规定位置写代码，删除多余的单元格

8. 列表标签

• 无序列表

<ul>

<li>列表项</li>

</ul>

列表中的列表项之间是没有顺序之分，是并列的

<ul>中只能放<li>

<li>里面放任何元素

无序列表中有自己的属性

• 有序列表

<ol>

<li>列表项</li>

</ol>

列表中的列表项是有顺序的

<ul>中只能放<li>

<li>里面放任何元素

• 自定义列表

<dl>

<dt>名词1</dt>

<dd>名词1解释1</dd>

<dd>名词1解释2</dd>

</dl>

<dl>中只能包含<dt>和<dd>

<dt>和<dd>个数没有限制，通常是一个<dt>和多个<dd>

<dt>和<dd>是并列关系

9. 表单标签

一个完整的表单是由表单域、表单控件（表单元素）和提示信息

• 表单域：用于搜集信息<from>把范围内的表单信息提交给服务器

<from action="url地址" method="提交方式" name="表单域名称">

各种表单元素控件

</from>

ps: action :是指定接收并处理表单数据的服务器程序

method:设置表单数据的提交方式，取值get或post

name:做区别使用

• 表单控件

• input:输入表单元素,单标签

<input type="属性值" />

属性值	描述
button	点击按钮（js的启动脚本）
checkbox	复选框，实现多选
file	输入字段和“浏览”按钮，供文件上传
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段，该字段中的字符被掩码
radio	单选按钮，可以实现多选一
reset	重置按钮。重置按钮会清除表单中的所有数据恢复到初始状态
submit	提交按钮，提交按钮会把表单数据发送到服务器中
text	定义单行的输入字段，用户可在其中输入文本，默认宽度是20个字符

步骤：先写<from>，再写表单控件

表单元素

属性	属性值	描述
name	用户自定义	定义input元素的名称，要求单选按钮和复选框都要有相同的name值
value	用户自定义	规定input元素的值
checked	checked	规定再input元素首次加载时应该被选中，在单选按钮和复选框中可以设置
maxlength	正整数	规定再输入字段中的字符的最大长度

<label>标签

用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，增加用户体验

语法：

<label for="sex">男</label>

<input type="radio" name="sex" id="sex" />

• <select>表单元素：下拉列表

语法：

<select>

<option>下拉选项</option>

</select>

ps:

在<from>中填写

至少有一个<option>

在<option>中定义selected = "selected"时，当前项即为默认选中项

• <textarea>表单元素

用于多行的文本输入的控件

语法：

<textarea cols ="每行可以选多少个字符" rows="可以写多少列" >

</textarea>