• 微信号
目录

html笔记

您当前的位置:首页 > 我的笔记 > html笔记>html基本标签

html基本标签

html注释

<!-- 我是一个注释 -->

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 可使用注释对代码进行解释,这样做有助于在以后的时间对代码的修改,当编写了大量代码时尤其有用

div标签

div:定义了文档的区域

<div>主体内容</div>

div标签它是可用于组合其他HTML元素的容器。

可用于对大的内容块设置样式属性

文档布局。它取代了使用表格定义布局的老式方法

h1-h6标签

h1:定义标题

<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>

h1-h6标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题

html提供的标题有六种分别是h1 h2 h2 h4 h5 h6

h1定义字号最大的标题,代表大标题,一般一个页面只用一次

h6定义字号最小的标题

p标签

p:定义段落

<p>我是一个段落</p>

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间。

br标签

br:定义换行

<br/>

br 元素会在浏览器插入一个简单的换行符

hr标签

<hr/>

hr:定义一条水平线

hr 显示为一条水平线。

a标签

a:定义一个超链接

<a href="#" target="_blank"></a>

a标签用来设置超文本链接。 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分

_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self:这个目标的值对所有没有指定目标的<a>标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题<base>标签中的 target 属性一起使用

_parent:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效

_top:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口

  • href属性:描述了链接的目标URL;
  • target属性:设置链接跳转方式

img标签

img:定义图像,用于申明图像的插入

<img src="图像地址" alt="图像描述" tutle="图像内容"/>
  • src属性:规定显示图像的 URL。URL为图片的相对路径或者绝对路径均可
  • alt属性:规定图像的替代文本
  • title属性:定义图片的标题,鼠标移动到图片出现

span标签

<span>文本容器</span>

span 用来组合文档中的行内元素,可用作文本的容器。 span 元素没有固定的格式表现,当对它应用样式时,它才会产生视觉上的变化。

ul标签

ul:定义无序列表

<ul>
    <li>无序列表一</li>
    <li>无序列表二</li>
    <li>无序列表n</li>
</ul>

此列项目使用粗体圆点(典型的小黑圆圈)进行标记,无序列表始于 <ul> 标签,每个列表项始于 <li> 标签。

ol标签

ol:定义有序列表

<ol>
    <li>有序列表一</li>
    <li>有序列表二</li>
    <li>有序列表n</li>
</ol>

列表项目使用数字进行标记。 有序列表始于 <ol>标签,每个列表项始于<li>标签。