0
点赞
收藏
分享

微信扫一扫

学习了一周的HTML

非宁静不致远 2022-03-11 阅读 120

段落标签

<p>段落</p>
		独占一行

标题标签

<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>

共同点:都加粗,都是块元素
不同点:字号依次减小 

图片标签 

<img src="" alt="" width="" height="" title="">

换行 

<br>
    换行标记,用于段落内部的换行

 列表

		<ul>
			<li>列表1</li>
			<li>列表2</li>
		</ul>
		<ol>
			<li>列表1</li>
			<li>列表2</li>
		</ol>
		<dl>
			<dt>标明一个术语要说明的对象</dt>
			<dd>列表项说明 </dd>
		</dl>

 文字排版

		<b>电影</b>
		<strong>电影</strong>
		<i>口舌之争</i>
		<em>口舌之争</em>
		<hr width="" align="" color="">
		<small>小字体</small>
		<sup>上标</sup>
		<sub>下标</sub>

 特殊符号

&lt;   &gt;               //   “<” 和 “>”
&lsaquo;   &rsaquo;       //  “<” 和 “>”
&laquo;   &raquo;         //   “《”和“》”
&nbsp;   &ensp;  &emsp;   //    空格
&copy;                    //    版权
&amp;                         &

超链接 

		<a href="#" class="box">超链接</a>
		<a href="" target="_blank"></a>    //新窗口打开
		<a href="" target="_parent"></a>
		<a href="" target="_search"></a>
		<a href="" target="_self"></a>
		<a href="" target="_top"></a>

			/* 未访问状态 */
			.box:link{
				color: #FFC0CB;
			}
			/* 访问后的状态 */
			.box:visited{
				color: #008000;
			}
			/* 鼠标悬停状态 */
			.box:hover{
				color: #FF0000;
			}
			/* 激活状态 */
			.box:active{
				color: #0000FF;
			}

 锚链接

<a id=“zj”>第三章</a>
<a  href=“#zj”>点击查看第三章</a>

 行内框架

<iframe src="" width="" height="" frameborder="" scrolling=""></iframe>

表格 

<table border="" align="" bordercolor="" bgcolor="" cellpadding="" cellspacing="" rules="">
	<tr>
		<td></td>
	</tr>
</table>

合并表格 

<table border="1" cellspacing="0" align="center">
			<tr>
				<td colspan="2">单元格</td>
				<td>单元格</td>
				<td rowspan="2">单元格</td>
			</tr>
			<tr>
				<td>单元格</td>
				<td>单元格</td>
				<td>单元格</td>

			</tr>
			<tr>
				<td colspan="3">单元格</td>
				<td>单元格</td>
			</tr>
			<tr>
				<td>单元格</td>
				<td colspan="2">单元格</td>
				<td>单元格</td>
			</tr>
</table>

 表单

<form action="" method="">
			
</form>

 文本框

<input type="text" name="" id="" value="" placeholder="用户名" maxlength=""/>

密码框 

<input type="password" name="" id="" value="" placeholder="密码" maxlength=""/>

复选框

<input type="checkbox" name="" id="" value="" />

单选框

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

隐藏 

<input type=hidden" name="" id="" value="" />

下拉选框 

<select name="" id="">
         <option value="" selected></option>
 </select>

多行文本框 

<textarea rows="" cols=""></textarea>

 文件上传

<input type="file" name="myfile" multiple>

提交 

<input type="submit" value="提交" />

重置

<input type="reset" value="重置" />

一般按钮 

<input type="button" value="一般按钮" />
<button type="button">普通按钮</button>
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>
举报

相关推荐

0 条评论