html标签

1.标题标签 

       <h1></h1>

       <h2></h2>

       <h3></h3>

       <h4></h4>

       <h5></h5>

       <h6></h6>

标题Heading是通过等标签进行定义的,标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题 。一般一个 html 文档中只有 1 个 h1,3 个左右的 h2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

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

</body>
</html>

2.段落标签 :<p></p>

     HTML 段落是通过标签进行定义的块级元素,浏览器会自动地在段落的前后添加空行

3.换行:</br>

不产生一个新段落的情况下进行换行(新行)

4.超链接:<a href="">

HTML 链接是通过标签进行定义的

链接文本不必一定是文本。图片或其他 HTML元素都可以成为链接

href 属性来描述链接的地址,target 属性可以定义被链接的文档在何处显示,记忆配置_blank 新开窗口显示链接内容,默认为_self 表示在当前 窗口中进行显示。

<a href="https:www.baidu.com">百度一下</a>

5.图像:<img src=""  alt="">

src 源属性的值是图像的 URL 地址,这里的地址可以是当前应用中的内容,也可以是网络上的资源。

alt 属性用来为图像定义一串预备的可替换的文本,如果图片可以正常显示则不会显示替换文本。

<img src="/aaa/pro01-HTML/./images/mi.jpg"/  alt="图片未加载">

6.水平线:</hr>
标签在 HTML 页面中创建水平线。 可用于分隔内容。

7.文本格式化

<b>与<i>定义粗体或斜体文本

<strong>或者<em>显示样式类似 b 和 i,但是重要的是意味着要呈现的文本是重要的,所以要突出显示

<p>和< blockquote>表示引用,但是浏览器的默认显示效果是有区别 还有很多的文本效果,但是一般建议使用 css 进行格式

7.html 标签上的 style 属性 内联样式设置

8.列表元素

  无序列表:<ul>和<li>

  有序列表:<ol>和<li>

9.块

并不是为了显示文章内容的,而是为了方便结合CSS对页面进行布局。块有两种,div是前后有换行的块,span是前后没有换行的块。

div元素

<div></div>元素是块级元素,它可用于组合其他 HTML 元素的容器。

<div>元素没有特定的含义,由于它属于块级元素,浏览器会在其前后显示折行。 如果与 CSS 一同使用,<div>元素可用于对大的内容块设置样式属性。

<div>元素的常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用

元素进行文档布局不 是表格的正确用法。table 元素的作用是显示表格化的数据。

span 元素

<span></span>元素是内联元素,可用作文本的容器,没有特定的含义 当与 CSS 一同使用时,元素可用于为部分文本设置样式属

10.Html5 的语义标签

一个语义元素能够清楚的描述其意义给浏览器和开发者,无语义元素 div 和 span 无需考虑内容;语义元素 form、 table 和 img 清楚的定义了它的内容 。

语义标签目标是创建更好的页面结构

<article>定义页面独立的内容区域

<aside>定义页面的侧边栏内容

<footer>定义 section 或 document 的页脚

<header>定义了文档的头部区域

<nav>定义导航链接的部分

<section>定义文档中的节(section、区段)

都是块级元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值