HTML 常用标签介绍2

最新推荐文章于 2022-11-08 12:19:04 发布

Jeff~李

最新推荐文章于 2022-11-08 12:19:04 发布

阅读量197

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/weixin_44126152/article/details/100187170

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

继续之前的来说一下别的标签

超链接标签

<a href="http://wwww.baidu.com">百度</a>

body 标签

text 属性（文本颜色）

link 属性（超链接的颜色）

alink 属性（点击的时候超链接颜色）

vlink 属性（点击之后的颜色）

bgcolor 属性（背景颜色）

background 属性（背景图片，平铺）

下面举个栗子

<body  link="red"  alink="green" vlink="yellow"  text="black">
</body>

列表

有序列表（<ul><li>第一个</li></ul>）

<ol type="I">
			<li>第一个</li>
			<li>第二个</li>
			<li>第二个</li>
			<li>第二个</li>
			<li>第二个</li>

		</ol>

无序列表（<ul><li>第一个</li></ul>）

<ul type="square">
			<li>第一个小点点无序列表</li>
			<li>第二个</li>
		</ul>
		<ul type="circle">
			<li>第一个小点点无序列表</li>
			<li>第二个</li>
		</ul>

自定义列表（<dl><dt>C#</dt></dl>）

            <dl> 项目号，解释
			<dt>C#</dt>
			<dd>很基础的内容</dd>
		</dl>

表格

表格的语法

<table border="1">
    <tr>
        <td>单元格内容</td>
    </tr>
</table>

<table>属性：bgcolor（背景颜色）、border（边框）、bordercolor（边框颜色）、cellspacing（单元格之间的间距）、cellpadding（单元格与内容之间的间距）

<td>属性

跨行跨列

Colspan 跨列属性 rowspan 跨行属性

表单

表单是什么？用于搜集用户输入的

表单都括在一对form标签中

<form>属性 action(表示提交的目标服务器) method (提交的方法 get(默认提交，不安全以地址栏提交)、post（通过报文提交）)

文本框标签（<input type="text" / >）

密码框标签（<input type="password" />）

文本域（<textarea>内容</textarea>）属性 rows行和cols列

提交按钮（<input type="submit" />）

重设按钮标签（<input type="reset" />）

按钮标签（<input type="button" />）

图像标签（<input type="image" />）

复选框标签（<input type="checkbox "/>）

单选按钮标签（<input type="radio" />）

文件选择标签（<input type="file"/>）

下拉列表（<select><option value="0" > 123.com</option></select>）

举好多个栗子

<form>
		请输入账号：<input name="txt1" type="text" size="20" maxlength="10" /><br />
		请输入密码：<input name="pwd" type="password" size="20" maxlength="10"/><br />

		<textarea rows="10" cols="50" readonly="readonly">lalalalalalalala啦啦啦啦啦1321111111111111111111111111111111111111111111111111111111111111111111111啦
		</textarea>

		<input name="sbm" type="submit" value="提交"/>
		<input name="rs" type="reset" value="重新填写所有东西"/>
		<input name="btn" type="button" value="按钮" onclick="alert('不要乱按')"/>
		<input type="image" src="杜甫.gif" />	<br />


		<input type="checkbox" name="ch1"  value="chone" />打篮球
		<input type="checkbox" name="ch2"  value="chotwo" />打乒乓球
		<input type="checkbox" name="ch3"  value="chthree" />打羽毛球<br/>
		<input type="radio" name="rd1"  value="man" />男
		<input type="radio" name="rd1"  value="woman" />女<br/>
		<input type="file" name="f1"  value=""/>

		<select name="sel">
			<option value="0" > 123.com</option>	
			<option selected="selected" value="1"> 123555.com</option>
			<option value="2"> 123521312.com</option>

		</select>
		</form>