HTML4(二)(上)

简介: HTML4(二)(上)

1 开发者文档

  • W3C官网: www.w3c.org
  • W3School: www.w3school.com.cn
  • MDN: developer.mozilla.org —— 平时用的最多。

2 基本标签

2.1 排版标签

例:标题标签

<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>学习标题标签</title>
  </head>
  <body>
    <!--标题标签-->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
  </body>
</html>

例: 段落标签

<p>
    这是,第一段
</p>
<p>
    这是,第二段
</p>

例:div标签

<div>
        <p>置身移动互联时代,人们在享受智能设备带来便利的同时,也在一些场景中面临个人信息泄露风险。随着时间推移,这样的风险日益呈现出新的表现形式。</p>
        <p>一些APP声称看视频、玩游戏甚至走路都能赚钱,但用户想提现却难上加难,还容易泄露个人信息;新型不法软件图标透明、没有名称,在手机屏幕上十分隐蔽,不仅不停推送广告,还会收集并转卖用户隐私信息;个人信息安全和隐私保护话题引发关注,正说明其涉及群众切身利益,问题不容小视。</p>
     </div>

2.2 语义化标签

  • 概念:用特定的标签,去表达特定的含义。
  • 原则:标签的默认效果不重要(后期可以通过CSS 随便控制效果),语义最重要!
  • 举例:对于h1标签,效果是文字很大(不重要),语义是网页主要内容(很重要)。
  • 优势:
  • 代码结构清晰可读性强。
  • 有利于 SEO(搜索引擎优化)。
  • 方便设备解析(如屏幕阅读器、盲人阅读器等)。

2.3 行内元素与块级元素

2.4 文本标签

1、 用于包裹:词汇、短语等。

2、 通常写在排版标签里面。

3、 排版标签更宏观(大段的文字),文本标签更微观(词汇、短语)。

4、 文本标签通常都是行内元素。

例:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML_常用的文本标签</title>
    <style>
        span{
            color: red;
        }
    </style>
</head>
<body>
    <p>
        预防电信诈骗,请安装:<em>国家反诈中心app</em>。
    </p>
    <p>
        当我们出门的时候,一定要<strong>关好门窗</strong>!
    </p>
    <p>
        前端三个框架为:<span>Angular、React、Vue</span>。
    </p>
</body>
</html>

2.5 常用标签补充

3 图片标签

例:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML_图片标签</title>
</head>
<body>
    <img width="200" src="奥特曼.jpg" alt="奥特曼,你相信光吗?">
    <img width="200" src="奥特曼.jpg" alt="奥特曼,你相信光吗?">
</body>
</html>

4 超链接标签

HTML4(二)(下)+https://developer.aliyun.com/article/1556792

目录
相关文章
|
1月前
|
移动开发 前端开发 JavaScript
HTML
【10月更文挑战第14天】HTML
30 4
|
5月前
|
存储 移动开发 前端开发
HTML大雪纷飞
HTML大雪纷飞
37 1
|
5月前
|
前端开发 数据安全/隐私保护
HTML总结
块级元素各占据一行,垂直方向排列;块级元素以新行开始,以换行结束。内联元素在显示时通常不会以新行开始,相邻的行内元素会排列在同一行例,直到一行排不下才会换行。 块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。 行内元素与块级元素属性的不同,主要是盒模型属性上:行内元素设置width无效,height无效,其宽度随元素的内容而变化,margin上下无效,padding上下无效。块级元素可以设置宽、高,盒模型各属性也均能成功设置。
19 0
|
6月前
|
开发者
html怎么学
【4月更文挑战第10天】html怎么学
30 1
|
6月前
|
前端开发
什么是HTML?
什么是HTML?
|
移动开发 前端开发 UED
HTML详解连载(2)
HTML详解连载(2)
|
6月前
|
前端开发 程序员 开发者
8个你可能不知道的令人震惊的 HTML 技巧
8个你可能不知道的令人震惊的 HTML 技巧
|
算法 小程序
台球html游戏算法介绍
台球html游戏算法介绍
236 0
台球html游戏算法介绍
|
移动开发 开发工具 HTML5
HTML5简单总结
学习HTML后的简单总结
175 0
HTML5简单总结
|
前端开发 安全 数据安全/隐私保护
HTML大总结(四)
HTML大总结(四)
183 0
HTML大总结(四)