人亦已歌 发表于 2023-1-30 20:35:58

HTML核心(一)HTML中常用的普通标签


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML中常用的普通标签</title>
</head>
<body>
    <h1>H1</h1>
    <h2>H2</h2>
    <h3>H3</h3>
    <h4>H4</h4>
    <h5>H5</h5>
    <h6>H6</h6>
    <p>p标签对,独占一行</p>
    hr单标签,width属性可以口控制分割线的宽度
    <hr width="500px">
    br单标签
    <br>
    换行
    <br>
    <b>b加粗</b>
    <i>i倾斜</i>
    <u>u下划线</u>
    <strong>strong重要标识</strong>
    <em>em强调</em>
    <ins>ins下划线</ins>
    <del>del删除线</del>
    <a href="https://www.teamczyx.com" target="_blank">a链接</a>
    img图片<img src="./img/12.jpg" alt="图片描述" alt="鼠标悬浮显示文字">
    <pre>
      预排版标签,支持
      换行
    </pre>
    1<sup>3</sup>--sup上标
    <br>
    2<sub>3</sub>--sub上标
    <br>
    <div>div盒子容器,无实际含义,用来排版</div>
    <span>span块标记,无实际含义,用来排版</span>
</body>
</html>





解释如下:

h1~h6标签对,h1最大h6最小,独占一行 在SEO中比重较大
p标签对,独占一行
hr单标签,width属性可以口控制分割线的宽度
br单标签 换行
b、i、u标签对,分别是文字加粗、文字倾斜、文字下划线 类似于word文档中的文字修饰
strong(重要)、em(强调)、ins(下划线)del(删除线)标签对 和文本标记起到的作用一样:
a标签对,关键是href属性,属性的值是目标文件的路径/目标网址(内部链接、外部链接、锚点链接、下载链接、空白链接)
img,src属性值为图片源文件的路径
      title:鼠标悬浮到图片上的时候出现的提示文字
      alt:图片无法显示的时候出现的图示文字
pre标签,可以识别换行和空格,在PHP打印结果的时候会用到
sup标签对 上标
sub标签对 下标
doctype 告知浏览器以html的规范解析当前文档
实体空格 <小于号 > 大于号 " 引号 ¥ 人民币符号
div 用作盒子
span 文字块标记
<button></button>按钮

saundiy 发表于 2023-2-15 04:10:18

有没有福州VB开发的高手,我想认识一下!

wittylala 发表于 2023-2-21 06:52:54

虽然现在还看不懂..不过对我学习编程有很大的帮助.谢谢

yjwjsion 发表于 2023-2-26 11:43:50

我不会编程,但我正在学习,我很喜欢.

高高高 发表于 2023-3-2 17:05:40

我是新手,希望大家多多指教!谢谢!我爱VB!

IPA 发表于 2023-3-9 05:04:51

很激励人!

狗蛋 发表于 2023-3-14 22:52:01

不错不错。说出了我在大学的困惑和努力的方向。。谢谢!!

whtaaa 发表于 2023-3-19 07:38:53

很好很棒!我虽然是一名初学者,但是看了这篇文章后,对我有了很大的触动,在今后的学习之路上可能会遇到各种各样的难题,但我会坚守一条,坚持就是胜利!世上没有解不开的结,没有过不去的坎!努力!

dkdk 发表于 2023-3-24 14:26:56

太精辟了~~太长了--~不过适合我们学习

本人韩杉 发表于 2023-3-28 11:05:16

好文!此文让我少走四年弯路!!!
页: [1] 2 3 4
查看完整版本: HTML核心(一)HTML中常用的普通标签