黑马程序员-----Html

1,Html 就是超文本标记语言的简写,是最基础的网页语言。

      超文本:超出了文本的一些范畴

      标记:标签,标出特出内容



一个简单的练习:<head></head>里面内容先加载




<dz>被认为是标签,但是又解析不了。<57>显示了,是因为标签不能用数字表示!



要想显示!用转义字符!记不住?DW给了,自己找!

列表标签:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>

 </head>
 <body>
 <h1>我的第一个标题<h1>
 
 <!--Html,注释:演示列表标签。
 
	列表标签:d1

	上层项目:dt
	下层项目:dd:封装的内容是会被缩进。有自动缩进效果

 -->
	<d1>
		<dt>上层项目内容</dt>
		<dd>下层项目内容</dd>
		<dd>下层项目内容</dd>
		<dd>下层项目内容</dd>
		<dd>下层项目内容</dd>
	</d1>
	<!-- 有序和无序的项目列表

	有序:<ol>
	无序:<ul>
	无论有序和无序,条目的封装用的都是<li>
	而且它们都有缩进效果
	-->

		<ul type = "square">
			<li>无序项目列表</li>
			<li>无序项目列表</li>
			<li>无序项目列表</li>
			<li>无序项目列表</li>
		</ul>
		
		<ol type = "a">
			<li>有序项目列表</li>
			<li>有序项目列表</li>
			<li>有序项目列表</li>
			<li>有序项目列表</li>
		</ol>

 </body>
</html>


图像标签:

<!doctype html>
<html lang="en">
 <head>

  <title>Document</title>

 </head>
 <body>

 
		<!--演示图片标签
		img.
		
		图像地图:说到热点地图,通过坐标来完成的。
		-->
		<img src =".\qqo.jpg" height = 220 width = 500 border = 10 alt = "啊美女" />

 </body>
</html>


解决办法:


<!doctype html>
<html lang="en">
 <head>

  <title>Document</title>
<!--

cellpadding :单元格内部上下左右都设置
cellspacing :单元格与单元格距离
-->
 </head>
 <body>

 	 <table border = 3 bordercolor ="black" cellpadding = 11 cellspacing = 1 width = 12>
	 <tbody><!--表格默认的表格体-->
			<tr>
				<th rowspan = 2>个人信息</th>
				<th>姓名</th>
			</tr>
			<tr>
				<th>年龄</th>

			</tr>
			</tbody>
		</table>

		<hr/>
	 <table border = 3 bordercolor ="black" cellpadding = 11 cellspacing = 1 width = 12>
			<tr>
				<th colspan = 2>个人信息</th>
			</tr>
			<tr>
				<th>姓名</th>
				<th>年龄</th>

			</tr>
		</table>
		<hr/>
	 <table border = 3 bordercolor ="black" cellpadding = 1 cellspacing = 1 width = 12>
	 <caption>表格标题</caption>
		<tr><!--行-->
			<th>姓名</th>
			<td>张三</td>
			
		</tr>
		<tr><!--行-->
			<td>年龄</td>
			<td>39</td>
			
		</tr>
	 </table>



 </body>
</html>

运行结果:



超链接:超链接标签如果不指定属性呀,是没有效果的。


href 有了属性才有点击效果

href属性值得不同,解析的方式也是不一样的。

如果在该值中没有指定过任何协议,解析时,是按照默认的协议来解析的,默认的解析方式:file

加上协议就可以连接上了!

协议注意mailto

连接图片


默认客户端协议mailt

迅雷协议一对,一点,迅雷就启动!迅雷自己自定义的协议

会自己去找能解析这个路径的程序。


取消默认点击效果,以及自己设置。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值