HTML Hyper Text Markup Language（超文本标记语言） 基础知识汇总1

最新推荐文章于 2024-09-30 11:25:50 发布
原创 最新推荐文章于 2024-09-30 11:25:50 发布 · 924 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
HTML5

当前文章被收录于：

HTML5
3 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了W3C组织及其制定的HTML标准，涵盖了HTML的基本结构、常用标签及属性等内容，帮助初学者快速掌握网页制作的基础知识。

W3C    World Wide Web Consortium（万维网联盟）

  • 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
  • http://www.w3.org/
  • http://www.chinaw3c.org/

W3C标准包括

  • 结构化标准语言（XHTML 、XML）
  • 表现标准语言（CSS）
  • 行为标准（DOM、ECMAScript ）

网页基本结构：

<!DOCTYPE html>     <!--声明使用html语言规范-->
<html>
    <head>                     <!--网页头部标签-->
        <title></title>        <!--网页标题-->
    </head>
    <body>                      <!--网页主体部分-->
    </body>
</html>

< body>、</body>等成对的标签，分别叫开放标签和闭合标签 单独呈现的标签（空元素），如 <hr/> ；意为用 / 来关闭空元素

title

<title></title>内容是网页的标题，会显示在标签页顶端

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <title>家用电器排行榜</title>
</head>
<body>
家用电器排行榜
</body>
</html>

meta

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

<meta charset="UTF-8" />

<meta name="keywords" content="csdn,IT社区" />

<meta name="description" content="CSDN是国内最大的……" />

HTML 标题

标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

段落标签

<p>…</p>

<h1>标题1</h1>
<p>段落1.........</p>
<p>段落2.........</p>

换行标签

<br/>

水平线标签

<hr/>

字体样式标签

加粗：<strong>…</strong>

斜体：<em>…</em>

常用注释和特殊符号

特殊符号

字符实体

示例

空格

&nbsp;

<a href="#">百度</a>&nbsp;|&nbsp;

<a href="#">新浪</a>

大于号(>)

&gt;

如果时间&gt;晚上6点，就坐车回家

小于号(<)

&lt;

如果时间&lt;早上7点，就走路去上学

引号(")

&quot;

W3C规范中，HTML的属性值必须用成对的&quot;引起来

版权符号@

&copy;

&copy; 2020鱼晨静的博客

图像标签（<img>）和源属性（Src）

在 HTML 中，图像由 <img> 标签定义。

<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。

要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。

定义图像的语法是：（URL 指存储图像的位置路径。）

<img src="url" />

替换文本属性（Alt）

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

当浏览器无法载入图像时，替换文本属性可告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。

title里的text内容就是鼠标悬停提示文字

width设置图像宽度 height设置高度

<img src="path" alt="text" title="text"  width="x"  height="y" />

HTML 超链接（链接）

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式：

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签                                                        

HTML 链接语法

<a href="path" target="目标窗口位置">链接文本或图像</a>

常用的几种超链接：

  • 页面间链接 （从一个页面链接到另外一个页面）
  • 锚链接 （从A页面的甲位置跳转到本页中的乙位置 从A页面的甲位置跳转到B页面中的乙位置）

创建步骤

           1. 创建跳转标记

<a name="marker">乙位置</a>

            

           2. 创建跳转链接

<a href="#marker">甲位置</a>

行内元素和块元素

块元素 ：无论内容多少，该元素独占一行（p、h1-h6…）

行内元素 ：内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)

标签
#html #前端 #xhtml
Android Termux 安装Kali Linux 或 kali Nethunter史诗级详细教程
热门推荐
风云小虾米的博客
12-02 6万+
Termux 安装kali
QDoc文字标记textmarkup
希望我的博客，能帮上你解决学习中工作中所遇到的问题
04-17 510
QDoc文字标记textmarkup文字标记textmarkup\ a（parameter marker）\ c（code font）\ div\span\ tt（teletype font）\ b\ e（emphasis, italics）\ sub\ sup\ uicontrol\underline\\（双反斜杠） 文字标记textmarkup 文本格式命令指示如何呈现文本。 \ a（parameter marker） \ a命令告诉QDoc下一个单词是正式的参数名称。 如果未记录形式参数或拼写错误，则
HTML（Hyper Text Markup Language）超文本标记语言基础学习
m0_47794838的博客
08-06 834
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html> 注意：在中文网页中需要使用&
吊车图像标注数据集_2231
资源总共包含2231张吊车图像，标注仔细，质量是经过严格把控的，已经标注成voc和yolo两种格式，开箱即用
HTML
weixin_44598706的博客
01-25 985
HTML 标题（Heading）是通过 - 标签来定义的. HTML 段落是通过标签 来定义的. HTML 链接是通过标签 来定义的 . 在 href 属性中指定链接的地址。 换行 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。 加粗文本 斜体文本 缩小的 电脑自动输出 这是 下标 和 上标 使用 pre 标签对空行...
HTML超文本标记语言
Ther_123的博客
10-08 809
HTML 文章目录HTML1.什么是HTML？2.第一个HTML页面3.基本标签4.图像标签5.超链接标签及应用6.行内元素和块元素7.列表8.表格标签9.媒体元素10.页面结构分析11.iframe内联框架12.初识表单13.表单的应用14.表单初级验证 1.什么是HTML？ HTML是一种超文本标记语言，是一种浏览器上的规范 超文本是指，流媒体，声音，视频，图片等 标记语言 由大量的标签组成 2.第一个HTML页面 <!--这是html的注释信息--> <!--这是根--
HTML入门9_常用标签_表格table
安小静--
10-14 272
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table> <tr> <td>苹...
Html:(hyper Text Markup Language):超文本标记语言
inexaustible的博客
11-29 2525
1、Html:(hyper Text Markup Language):超文本标记语言 html的运行需要浏览器;凡是在浏览器里面运行的一般都叫网页; Html是一个特殊的xml Html的根节点必须是html; 根节点必须有两个子节点:分别是body(身体)和head(头) 其它的木有要求(父子关系) 学的就是一些指定的元素(节点--标签) 有两种方法生成html的模...
HTML：Hyper Text Markup Language 超文本标记语言
Ren-YY 的博客
03-17 6789
1.HTML是什么? *Hyper Text Markup Language 超文本标记语言 *Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构. *Markup Language 标签语言.该语言是由标签构成. *HTML文档=网页 *浏览器解析HTML 2.如何创建一个HTML文档 . *后缀名:.ht
HTML(Hyper Text Markup Language)
最新发布
weixin_43731078的博客
09-30 1500
html相关知识
超文本标记语言(HyperText Markup Language，简称HTML)
Han_V_Qin的博客
01-16 1万+
1、什么是HTML？     HTML是用来描述网页的一种语言     HTML指的是超文本标记语言：HyperText Markup Language，是一种用于创建网页的标准标记语言     HTML不是一种编程语言，而是一种标记语言     标记语言是一套标记标签     HTML使用标记标签来描述网页
HTML (Hyper Text Markup Language)
Lzm的博客
05-07 998
HTML标签通常是成对出现的，例如 和
HTML笔记——hyper text markup language
weixin_44846257的博客
08-30 610
HTML学习笔记
java指的是超文本标记语言_HTML指的是超文本标记语言 (Hyper Text Markup Language)
weixin_34884417的博客
02-16 2841
html，全称Hypertext Markup Language，也就是“超文本链接标示语言”。HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 即平常上网所看到的的网页。超文本标记语言是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑...
Hyper Text Markup Language是什么意思?
weixin_44257023的博客
11-14 969
英文:Hyper Text Markup Language 技术点英文解释:超文本标记语言
HTML - 超文本标记语言 (Hyper Text Markup Language)
m0_50414588的博客
10-19 1500
HTML是建设网站/网页制作主要语言。 HTML是一种易于学习的标记语言。 HTML使用像 尖括号内标记标签来定义网页的内容： HTML 实例 My First Heading My first paragraph. 尝试一下 » 点击 “尝试一下” 按钮查看实例。 HTML使用开始标记和结束标记来标记一个网页元素，：在上面的例子，标签标志着一个段落开始，标志着该段末尾。 通过使用简单的HTML标签，网页设计师可以为一个网页（HTML文档）添加标题，段落，文字，表格，图片，列表，编程代码等。 We
HTML(Hyper Text Markup Language) 标签总结（一）
Kaly_Lee的博客
08-16 347
<html> <head> <title>标题</title> </head> <body> 身体部位 <br/> </body> </html>
HTML（Hyper Text Markup Language）超文本标记语言
16个夏天。。。
07-08 7294
1.HTML不是一种编程语言，而是一种标记语言（Markup Language），通常来说，至少具备数据容器，流程控制，异常处理机制等特性才能够称为编程语言。 标记语言的组成元素是一套标记标签（markup tag), 2. 3.在eclipse中创建HTML文档， 创建静态web工程 new--web--static web project
html（hyper text markup language）的一些简单的实例
JDKANDER的博客
05-25 1726
对于html网页，其格式大致,当然在还有 用来嵌入标题，使用可以表示网页的名称，插入超级链接是使用：超链接名称标签来完成的，插入图片也比较类似 ：<img src="w3school.jpg" width="104" height="142" />，其他的比如对齐方式、背景的设置如下： <body bgcolor="yellow">具体的如下表： 属性 值
HTML(结构)HyPer TEXT Markup Language
m0_43431361的博客
10-29 2791
1.超文本标记语言: 在页面中除了文本之外还包含有图片,视频,超链接,音频. 标记语言: 就是标签组合而成; Html是一种浏览器可以识别的语言; 文件格式后缀 ***.html ***.htm 标签: 双标签/闭合标签 &lt;标签的名称&gt;&lt;/标签的名称&gt; 单标签/自闭合标签 &lt;标签的名称/&gt; 我们可以将页面中的所有html标签都当做对象 2.CSS(样式)...
HTML超文本标记语言（HyperText Markup Language) 入门基础理论代码
Linux_bai的博客
03-26 1424
中文叫做超文本标记语言（英语：HyperText Markup Language，简称HTML） 是一种用于创建网页的标准语言，自己可以使用HTML来创立自己的WEB站点，HTML运行在浏览器，由浏览器来解析。 <!DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的原（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。 <tit
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值