HTML基础标签:标题标签、段落标签、换行标签、文本格式化标签、图片标签、路径、链接标签、文本格式化标签、引文, 引用, 及标签定义、注释、特殊字符

本文详细介绍了HTML中的基本标签,包括标题标签<h1>-<h6>,段落标签<p>,换行标签<br/>,以及文本格式化标签如<div>和<span>。还提到了图片标签<img>的使用,图像地图<map>和<area>的创建,链接标签<a>的不同类型和属性,以及文本格式化和特殊字符的表示方法。
摘要由CSDN通过智能技术生成

标题标签 < h1> - < h6>

特点:

  1. 加了标题的文字会变的加粗,字号也会依次变大。
  2. 一个标题独占一行。
<h1>一级</h1>
   <h2>二级</h2>
   <h3>三级</h3>
   <h4>四级</h4>
   <h5>五级</h5>
   <h6>六级</h6>

段落标签 < p>

用于定义段落,它可以将整个网页分为若干个段落。
特点:

  1. 文本在一个段落中会根据浏览器窗口的大小自动换行。
  2. 段落和段落之间有空隙。
<p>段落一</p>
<p>段落二</p>

换行标签< br />

特点:

  1. 是个单标签。
  2. 标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
<p><br/>可以用来换行</p>

文本格式化标签:

div标签 span标签

特点:
1. < div> 标签用来布局,但是一行只能放一个< div> //大盒子,块元素
2. < span> 标签用来布局,一行上可以多个 < span>//小盒子,行元素

图片标签< img>

标签用于定义 HTML 页面中的图像。
src 是< img>标签的必须属性,它用于指定图像文件的路径和文件名。

<img src="图片位置" alt="图片无法加载时,显示的文字提示" width="20px" height="20px">

标签:

标签描述属性值
< img>定义图像
< map>定义图像地图
< area>定义图像地图中的可点击区域

< map>+< area>:
创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。

<!--示例一-->
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

属性:

属性描述属性值备注
alt替换文本属性自定义文本内容-
width自定义数值-
height自定义数值-
align对齐方式bottom(默认),top,middle,center在HTML 4中 align 属性已废弃,HTML5 已不支持该属性,可以使用 CSS 代替。
border边框自定义数值在HTML 4中 align 属性已废弃,HTML5 已不支持该属性,可以使用 CSS 代替。

路径:

相对路径

所添加的文件相对于当前需要添加文件的HTML的位置

绝对路径:

文件在电脑上存储的位置
例如:C:\Users\Administrator\Pictures\StellarPlayer\ls.jpg

链接标签< a>:

<a href="url" target="_blank|_self|_parent|_top|framename" name=""></a>	

属性:

属性描述属性值备注
href规定链接的目标url/#(空连接)-
target跳转时的打开方式_blank(在新窗口中打开)、_parent(在父框架集中打开被链接文档)、_self(当前窗口打开)、_top(在整个窗口中打开被链接文档)、framename(在指定的框架中打开被链接文档)-
name创建文档内的书签自定义值-
download下载链接下载后保存的地址点击链接会下载a标签内包含的内容
type规定目标 URL 的 MIME 类型text/css、text/js、text/html仅在 href 属性存在时使用。

链接分类:

​ 1.外部链接: 例如 < a href=“http:// www.baidu.com “> 百度。
​ 2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,
​ 3.空链接: 如果当时没有确定链接目标时 < a href=”#”> 首页 。
​ 4.下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
​ 5.网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
​ 6.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
在链接文本的 href 属性中,设置属性值为 #名字 的形式, 找到目标位置标签,里面添加一个 id 属性 = 刚才的名字

文本格式化标签

标签描述备注
< b>定义粗体文本
< em>定义着重文字
< i>定义斜体字
< small>定义小号字
< strong>定义加重语气
< sub>定义下标字
< sup>定义上标字
< ins>定义插入字
< del>定义删除字

引文, 引用, 及标签定义标签

标签描述
< abbr>定义缩写
< address>定义地址
< bdo>定义文字方向
< blockquote>定义长的引用
< q>定义短的引用语
< cite>定义引用、引证
< dfn>定义一个定义项目。

注释

  <!-- 注释语句 -->      

快捷键: ctrl + /

特殊字符:

重点:空格 、大于号、 小于号

空格:&nbsp;(例:一  二三)

小于号<

大于号>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值