html常⽤标签、特殊符号
排版标签:  排版标签主要和css搭配使⽤，显⽰⽹页结构的标签，是⽹页布局最常⽤的标签。
h 标签：作为标题使⽤，并且依据重要性递减。
⼀⾏只能放⼀个标题
<h1>  标题⽂本  </h1>
<h2>  标题⽂本  </h2>
<h3>  标题⽂本  </h3>
<h4>  标题⽂本  </h4>
<h5>  标题⽂本  </h5>
<h6>  标题⽂本  </h6>
p 段落标签：默认情况下，⽂本在⼀个段落中会根据浏览器窗⼝的⼤⼩⾃动换⾏。
<p>  ⽂本内容  </p>
hr ⽔平线标签：将段落与段落之间隔开，使得⽂档结构清晰，层次分明。这些⽔平线可以通过插⼊图⽚实现，也可以简单地通过标签来完成
<hr />是单标签
br 换⾏标签：在HTML中，⼀个段落中的⽂字会从左到右依次排列，直到浏览器窗⼝的右端，然后⾃动换⾏。如果希望某段⽂本强制换⾏显⽰，就需要使⽤换⾏标签
<br />
div 和 span标签(重点)：
div span 是没有语义的是我们⽹页布局主要的2个盒⼦
<div> 这是头部 </div>
<span>今⽇价格</span>
⽂本格式化标签(设置⽂字的标签)：
在⽹页中，有时需要为⽂字设置粗体、斜体或下划线效果，这时就需要⽤到HTML中的⽂本格式化标签，使⽂字以特殊的⽅式显⽰。
标签显⽰效果
<b></b> 和 <strong> </strong>⽂字以粗体的⽅式显⽰（xhtml 推荐使⽤strong）  b 只是加粗 strong 除了可以加粗还有 强调的意思， 语义更强烈。
<i></i>  和 <em></em>⽂字以斜体的⽅式显⽰ ( xhtml 推荐使⽤em )
<s></s> 和 <del></del>⽂字以加删除线的⽅式显⽰  ( xhtml 推荐使⽤del ) <u><u/> 和 <ins></ins>⽂字以加下划线的⽅式显⽰ ( xhtml 推荐使⽤ ins )
<u><u/> 和 <ins></ins>⽂字以加下划线的⽅式显⽰ ( xhtml 推荐使⽤ ins )
预格式化⽂本pre
<pre> 标签可定义预格式化的⽂本。
被包围在 <pre> 标签 元素中的⽂本通常会保留空格和换⾏符。⽽⽂本也会呈现为等宽字体。
有了这个标签，⾥⾯的⽂字，会按照我们书写的模式显⽰，不需要段落和换⾏标签了。但是，⽐较少⽤，因为不好整体控制<pre>
此例演⽰如何使⽤ pre 标签
对空⾏和空格
进⾏控制
</pre>
图像标签img (重点):
该语法中src属性⽤于指定图像⽂件的路径和⽂件名，它是 img标签的必需属性。
<img src="图像URL" />  它是⼀个单标签
img 标签属性：
属性属性值描述
src url 图像的路径
alt ⽂本图⽚不能正常显⽰时显⽰在页⾯的替换⽂本
title⽂本⿏标悬停时显⽰的⽂本内容
width像素设置图像的宽度
height像素设置图像的⾼度
border数字设置图像的边框的宽度
1. 标签可以拥有多个属性，必须写在开始标签中，位于标签名后⾯。
2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3. 任何标签的属性都有默认值，省略该属性则取默认值。
4. 采取 键值对 的格式 key="value" 的格式
链接标签(重点) a :
在HTML中创建超链接⾮常简单，只需⽤标签把⽂字包括起来就好，其基本语法格式如下：
href：⽤于指定链接⽬标的url地址，当为标签应⽤href属性时，它就具有了超链接的功能。
target：⽤于指定链接页⾯的打开⽅式，其取值有self和blank两种，其中_self为默认值，__blank为在新窗⼝中打开⽅式。
<a href="跳转⽬标" target="⽬标窗⼝的弹出⽅式">⽂本或图像</a>
1.
2. 内部链接 直接链接内部页⾯名称即可 ⽐如 < a href="index.html"> ⾸页 </a >
3. 如果当时没有确定链接⽬标时，通常将链接标签的href属性值定义为“#”(即href="#")，表⽰该链接暂时为⼀个空链接。
4. 不仅可以创建⽂本超链接，在⽹页中各种⽹页元素，如图像、表格、⾳频、视频等都可以添加超链接。
锚点定位（难点）
通过创建锚点链接，⽤户能够快速定位到⽬标内容。创建锚点链接分为两步：
1.使⽤“<a href=”#id名>“链接⽂本"</a>创建链接⽂本（被点击的）
<a href="#two">
2.使⽤相应的id名标注跳转⽬标的位置。
<h3 id="two">第2集</h3>
base 标签:  <base target="_blank" />
1. base 可以设置整体链接的打开状态
2. base 写到 <head> </head> 之间
3. 把所有的连接 都默认添加 target="_blank"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<base target="_blank"/>
</head>
<body>
</body>
</html>
html 中的注释标签：
注释内容不会显⽰在浏览器窗⼝中，但是作为HTML⽂档内容的⼀部分，也会被下载到⽤户的计算机上，查看源代码时就可以看到。  <!-- 注释语句 -->
html 中的特殊字符( 符号 ):
1. 是以运算符&开头，以分号运算符；结尾。
2. 他们不是标签，⽽是符号。
3. HTML 中不能使⽤⼩于号 “<” 和⼤于号 “>”特殊字符，浏览器会将它们作为标签解析，若要正确显⽰，在 HTML 源代码中使⽤
字符实体
特殊字符描述字符的代码
空格 
<⼩于号<
>⼤于号>
￥⼈民币¥
X乘号×
<a href="跳转⽬标" target="⽬标窗⼝的弹出⽅式">⽂本或图像</a>如何查看html代码

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。