欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML标签和标签的属性

程序员文章站 2022-04-29 17:46:20
...

排版标签

排版标签主要和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">3.个人生活</a> 
<h3 id="privateLife">个人生活</h3>

base 标签

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

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

HTML标签和标签的属性

 

注释标签

单行注释 ctrl + /

多行注释 ctrl + shift + /

 

<!DOCTYPE html>
<html lang="en">
<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="自拍照" border="0">

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

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


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

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

    


</body>
</html>