【LSP】HTML 基本语法

无名 · 发表于 2022-5-8 17:04:02

HTML(Hypertext Makeup Language)
所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接

以下学习内容摘抄自该网站

1|1HTML 元素语法
HTML 元素以开始标签起始，以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些HTML 元素具有空内容
空元素在开始标签中进行关闭例如
大多数 HTML 元素可拥有属性
1|2HTML 属性
属性以名称/值对的形式出现，比如：name = "value"

属性总是在HTML元素的开始标签中规定

<h1 align="center">This is heading 1</h1>
1|3HTML 标题 <h1></h1>
标题(Heading) 是通过<h1> - <h6>等标签进行定义

1|4HTML 水平线<hr>
<hr /> 标签在HTML 页面中创建水平线

hr 元素可用于分割内容

1|5HTML 注释
注释标签用于在 HTML 插入注释。



1|6HTML 段落<p>
浏览器会自动地在段落的前后添加空行。

<p>This is a paragraph</p>
注：当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

1|7HTML 样式
style 属性用于改变HTML 元素的样式

<html>
<body style="background-color

owderBlue">

<h1 style="text-align:center">Look! Styles and colors</h1>

<p style="font-family:verdana;color:red">
This text is in Verdana and red</p>

<p style="font-family:times;color:green">
This text is in Times and green</p>

<p style="font-size:30px">This text is 30 pixels high</p>

</body>
</html>
1|8HTML 格式化
文本格式化标签
标签描述
<b> 定义粗斜字体
<big> 定义大号字体
<em> 定义着重字体
<i> 定义斜体字
<samll> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
1|9HTML 引用
<q> 定义短的引用
<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>
<blockquote> 定义被引用的节
<p>以下内容引用自 WWF 的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。
世界领先的环保组织，WWF 工作于 100 个国家，
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>
<cite> 定义著作的标题
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
<address> 定义文档作者或拥有者的联系信息
<address>
Written by Donald Duck.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<abbr> 定义缩写或字母缩略语
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
<dfn> 定义项目或缩写的定义
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
1|10HTML 计算机代码元素
<code> 定义计算机文本，但不保留多余的空格和折行，如需解决该问题可使用<pre>

<pre> 定义预格式化文本

<p>Coding Example:</p>

<code>
<pre>
var person = {
firstName:"Bill",
lastName:"Gates",

[其他技术] 【LSP】HTML 基本语法

相关帖子