本文详细介绍了HTML中的各种标签如`<strong>`、`<em>`、`<del>`等，以及CSS样式应用，包括图像标签的路径、超链接的使用、表格、列表、表单元素和自定义选择器等，帮助读者理解基本的网页布局和交互设计。
文本格式化标签
b=strong标签加粗
i=em倾斜
s=del删除线
u=ins下滑线
div是一个盒子独自占一行
span跨距
图像标签
<img src="图像的路径.jpg"alt="图片代替文字" title="提示文本" width="宽度"height="高度" / >
<img src="小猫.jpg" alt="这是一张图片" title="小猫" width="300px" height="200px" />运行结果
图片标签之相对路径
同一级路径
下一级路径/
上一级路径../
图片标签之绝对路径
网络中的地址
超链接标签
包括外部链接，内部链接，空连接，下载链接，网页元素链接(图片，声音，表格……)，锚点链接
<a href="跳转目标的地址"><a>
超链接
<a href="https://www.baidu.com/">百度</a>
点击百度跳转到百度界面
<a href="https://www.baidu.com/" target="_blank">百度</a>
//新建一个窗口显示
<a href="https://www.baidu.com/" target="_self">百度</a>
//在当前窗口显示如果href里面是一个压缩包则会下载这个压缩包
点击猫就可以跳转到小猫的界面
<a href="#cat">猫</a>
<p id="cat">小猫</p>text-decoration: none;取消超链接里的下划线
常用的特殊字符
空格: 
大于号:>
小于号:<
表格
tr代表行
td代表列
th代表表头
表格结构标签
<thead>标签表格的头部区域，<tbody>标签表格的主体区域这样可以更好地分清表结构。
合并单元格
跨行：rowspan="合并单元格个数"目标单元格上方
跨列：colspan="合并单元格个数"目标单元格左方
列表标签
有序列表1234有顺序
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
<li>火龙果</li>
</ol>运行结果如下
无序列表****没有顺序
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
<li>火龙果</li>
//ul只能放li标签，li标签可以放别的
</ul>运行结果如下
自定义列表
<dl>
<dt>苹果</dt>
<dd>香蕉</dd>
<dd>橘子</dd>
<dd>火龙果</dd>
</dl>运行结果如下
表单标签
标签的组成，由表单域，表单控件，和提示信息3个部分构成。
表单域
<form></form>
表单元素
<input>表单标签
button 可点击按钮
checkbox 复选框
file 定义输入字段和“浏览按钮”，共文件上传。
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段
radio 单选按钮
reset 重置按钮
submit 提交按钮
text 文本
<form>
<input type="text" maxlength="6">
<input type="password">
<input type="radio" name="q">//相同name值只可以选择一个
<input type="checkbox">
</form> 
注意单选和多选可以有默认属性：checked
<lable>标签
<body>
<label for="te">123<input type="text" id="te"></label>//点击123自动调到输入框
</body>select下拉列表
<body>
<select>
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
</select>
</body>
运行结果
<textarea>文本域,可以理解为大的文本框
<textarea cols="50">123</textarea>cols="每行中的字符数，rows="显示的字符数"
扫一扫
2488
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
