天天看点

HTML标签和标签的属性

排版标签

排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。

标题标签

<head>   head 头部. 标题

段落标签

<p> paragraph 段落

水平线标签

<hr/>  horizontal 横线

换行标签

<br/>  break 打断 ,换行

div span标签(重点)

div 就是 division 的缩写 分割, 分区的意思 其实有很多div 来组合网页。

span, 跨度,跨距;范围

<div> 这是头部 </div>    <span>今日价格</span>

文本格式化标签

HTML标签和标签的属性

标签属性

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
           

在上面的语法中,

1.标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。

2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

3.任何标签的属性都有默认值,省略该属性则取默认值。

图像标签

<img src="">

HTML标签和标签的属性

链接标签

 anchor 的缩写 。基本解释 锚, 铁锚 的

锚点定位(难点)

通过创建锚点链接,用户能够快速定位到目标内容。

创建锚点链接分为两步:

1.使用“<a href=”#id名>“链接文本"</a>创建链接文本。

2.使用相应的id名标注跳转目标的位置。

<a href="#privateLife" target="_blank" rel="external nofollow" >3.个人生活</a> 
<h3 id="privateLife">个人生活</h3>
           

base 标签

base 可以设置整体链接的打开状态

<!DOCTYPE html>
<html >
<head>
	<meta charset="UTF-8">
	<title>base标签</title>
	<base target="_blank">
</head>
<body>
	
	<a href="http://www.baidu.com" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow" >百度</a>  <br />
	<a href="http://www.jd.com" target="_blank" rel="external nofollow" >京东</a>     <br />
	<a href="http://taobao.com" target="_blank" rel="external nofollow" >淘宝</a>     <br />
	<a href="http://sohu.com" target="_blank" rel="external nofollow" >搜狐</a>       <br />
</body>
</html>
           
HTML标签和标签的属性

注释标签

单行注释 ctrl + /

多行注释 ctrl + shift + /

<!DOCTYPE html>
<html >
<head>
	<meta charset="UTF-8">
	<title>标签及标签的属性</title>
</head>
<body>

	<hr width="1360" color="red" />

 	<!--图片标签-->
	<img src="D:\webQ\Markdown语法\jun.jpg"  width="200" height="160" alt="网络罢工了" title="自拍照" >

    <hr width="1360" color="red" />
    <br/>

    <!--链接标签
     target :跳转方式
         1._self  默认值 原窗口
         2._blank 新窗口
    -->
    <a href="http://www.baidu.com" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow"  target="_blank">百度一下</a>  <br />
    <a href="新闻测试.html" target="_blank" rel="external nofollow" >新闻页面</a>   <br/>


    <hr /> 
    <!--特殊字符-->

    -----&nbsp;&nbsp;特殊字符&nbsp;&nbsp;---
    <!--小于 大于-->
    5&lt;10  同时 8&gt;2   <br />

    


</body>
</html>
           

继续阅读