阶段复习之html基础（二）——重点标签详解

Bertha 。 2022-05-14 05:16 194阅读 0赞

\#\#img标签：图片标签的属性 \#\#  
1.src:图像文件的地址  
2.width:图像的宽度  
3.height:图像的高度  
4.alt: 图片找不到时，显示的文字  
5.title:鼠标放到图片上，显示的文字  
6.border: 图片边框粗细

*  代码示例

*  效果  
    ![这里写图片描述][70]  
    \#\#a 标签:超链接表标签的属性 \#\#  
    1.href:超链接文件的地址  
    2.target:链接文件显示的位置  
    超链接标签target属性的值  
    1.\_blank:超链接文件在新窗口显示  
    2.\_parent:超链接文件在当前窗口的父窗口显示  
    3.\_top:超链接文件在当前窗口的根窗口显示  
    [4.name][]:名称为frame的值，超链接文件在相同名称的窗口显示，若不存在该窗口，就打开一个新窗口
 *  代码示例

## table标签:表格标签 ##

3个子标签:1.表头 2.行 3.列  
3个属性:1.colspan跨列 2.rowspan跨行 3.align对齐方式left,right,center(align属性适合很多标签）

*  代码示例

*  效果  
    ![这里写图片描述][70 1]

## form表单 ##

也是一个标签: 标签

3个属性:  
[1.name][] :表单的名称  
2.action :当表单输入完成后，把它的内容传送到哪里，一个路径  
3.method :传送方式  
1.get方式:  
1.url?后面加上传送字符串 2.传送资料会显示在浏览器地址栏 3.会有安全问题 4.传送资料量不可太大  
2.post方式:  
传送的表单信息作为HttpRequest的一部分，资料不会显示在浏览器的地址栏上，传送字节量可以很大  
要求1.安全性高 2.大段文本 3.file表单域，用post传送方式

form表单域  
1.文本框:input type=“text” id=“wbk”  
2.密码框:input type=“password”  
3.单选按钮:input type=“radio” name=“1”>

4.复选框:input type=“checkbox” id=“cb1”

5.隐藏域:input type=“hidden”

6.文本域:textarea rows=“3” cols=“20"该文本域占3行20列  
7.普通按钮:input type=“button” id=“button1” name=“button1” value=“普通按钮”  
8.提交按钮:input type=“submit” id=“submit1” name=“submit1” value=“提交按钮”  
提交按钮用来提交表单，当点击提交按钮时，把表单域有name属性的表单域的name值和value值传给action值所在的地方  
9.重置按钮:input type=“reset” id=“reset1” name=“reset1” value=“重置按钮”  
重置按钮用来清空以填好了的表单域  
10.图片域:input type=“image” id=“image1” name=“image1” src=”"

*  注意：图片上传from的属性中要求 method=“post” enctype=“multipart/form-data”
 *  代码示例

*  效果  
    ![这里写图片描述][70 2]

[70]: /images/20220514/7a807bf8799e44ecac038cd63509f8bf.png
[4.name]: http://4.name
[70 1]: /images/20220514/b522aab3e01f4ba9ba3602a4345b8b98.png
[1.name]: http://1.name
[70 2]: /images/20220514/1b125570019d44fabded8dfb613efc6c.png