HTML基本认识01

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title style="color: red;">title11</title>
		<h1>h1</h1>
	</head>
	<!--
    	作者:offline
    	时间:2020-12-11
    	rgb
    	rrggbb
    	描述:text="#0f0" bgcolor="beige" background=".img"
    	br/ 换行
    	<p align=对齐方式 >段落换行</p>
    	<hr/ 属性:宽度 颜色>水平线标签
    		<div容器标签占一行> span标记标签占一块 
    -->
	<body  text="#000" bgcolor="beige" >
		helloworld<br />
		helloWeb
		
		<p align="center">第一段</p>
		<hr / size=20px align="right" color="darkred" width=300px>
		<div id="1">
			div标签
			
		</div>
		<div>
				div标签2
		</div>
		<span> span 标签</span><br />
		<span> span2 标签</span><br />
		<!--
        	作者:offline
        	时间:2020-12-11
        	描述:
        	face< font face="宋体"></ font>用于设置字体的样式
        -->
        <font size=30px color="red" face="arial">font的使用</font>
        <br />
        <b style="color: aquamarine;">粗体标签</b><br>
        <p><strong>加粗</strong></p>
        <em style="font-size: larger;">强调字体</em>
        <em><b style="color: cornflowerblue;">强调粗体</b></em>
		<br /><i>斜体</i>
		<small>小号字体</small>
		<big>大号字体</big>
		<sub>下标标签</sub>
		<sup>上标标签</sup>
		<del>删除线</del>
		<h2>h2</h2>
		<!--
        	作者:offline
        	时间:2020-12-11
        	描述:无序列表
        -->
		<a href="#t1" >跳转到t1图片处</a>
		<body>
			<h1>h1</h1>
			<h2>h2</h2>
			<h3>h3</h3>
			<h4>h4</h4>
			<h5>h5</h5>
			<h6>h6</h6>
			<!-- 无序-->
			<ul type="circle"> 
				<li>li1</li>
				<li>l2</li>
			</ul>
			<!--有序 -->
			<ol type="i" >
				<li>第一</li>
				<li>第二</li>
				<li>第三</li>
			</ol>
			
			<ul type="square">
				<li>无序第一</li>
				<li>无序第二</li>
				<li>
					<ol type="1">
						<li>有序1</li>
						<li>有序2</li>
						<li>有序3</li>
					</ol>
				</li>
			</ul>
			<!--
            	作者:offline
            	时间:2020-12-11
            	描述:alt图片无法加载时显示的内容
            	_self自身页面跳转
            	_bank新页面
            -->
            <!--锚链接 设置锚点 -->
			<a name="t1" href="http://www.baidu.com"><img  src="img/1.jpg" width=300px width=300px alt="吉野" border="4"/></a>
			<br />
			
			<table border="2px" cellspacing="0" cellspacing="20"  >
				<tr>
					<th>1</th>
					<th>2</th>
					<th>3</th>
				</tr>
				<tr>
					<td >1</td>
					<td >2</td>
					<td rowspan="2" >删除</td>
				</tr>
				<tr>
					<td colspan="2">4</td>
					
					
					
				</tr>
			</table>
	
	<input type="text" />文本框<br />
	<input type="password" /><br />
	<input type="radio" />单选<br />
	<input type="checkbox" />	<br />	
	<input type="date" />	<br />	
	<input type="time" />	<br />	
	<input type="email" />		
	<input type="number" />	
	<br />
	<input type="email" />	
	<br />
	<input type="file" />
	
	<input type="range" />
	<input type="submit" />
	<input type="button" />
	<a href="#t1"><input type="submit" /></a>
		
	
		
		</body>
	</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值