HTML简述

人力有时而穷
178 阅读2分钟

「这是我参与11月更文挑战的第19天，活动详情查看：2021最后一次更文挑战」。

HTML最基本语法简单叙述。

HTML

简介

第一个HTML实例

<!--html是超文本标记语言，是一种标记语言-->
<!DOCTYPE html><!--声明为HTML语言-->
<html>
<head><!--头部元素，<title> 元素描述了文档的标题-->
	<meta charset="utf-8">
	<title>菜鸟教程(runoob.com)</title>
</head>
<body> <!--可见的页面内容，<h1>是标题,<p>是段落-->
	<h1>我的第一个标题</h1> 
	<p>我的第一个段落。</p>
</body>
</html>

HTML基础

<h>这是一个标题</h>
<p>这是一个段落</p>
<a href="https://www.runoob.com/html/html-basic.html">这是一个链接</a>
<img loading="lazy" src="/images/logo.png" width="258" height="39" /><!--这是一个图片，width和height是宽和高-->

元素

<html>
    <body>
	<p>这是第一个段落。</p><!--<body> 元素定义了 HTML 文档的主体。,<html> 元素定义了整个 HTML 文档。-->
	</body>
</html>

属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现，比如：name="value"。
<a href="http://www.runoob.com">这是一个链接</a>
<!--<body> HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：-->
属性描述
class为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id定义元素的唯一id
style规定元素的行内样式（inline style）
title描述了元素的额外信息 (作为工具条使用)

标题

<h1>这是一个标题。</h1>
<!-- <h1> 定义最大的标题。 <h6> 定义最小的标题。-->
<p>这是一个段落。</p>
<hr><!--<hr> 标签在 HTML 页面中创建水平线。-->
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<!-- 这是一个注释 -->

段落

<p>这个<br>段落<br>演示了分行的效果</p>
<!--不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签-->

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
	<h1>春晓</h1>
	<p>
    春眠不觉晓，
      处处闻啼鸟。
        夜来风雨声，
          花落知多少。
	</p>
	<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>
</body>
</html>

文本格式化

标签描述
<b>定义粗体文本
<em>定义着重文字
<i>定义斜体字
<small>定义小号字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字
标签描述
<coder>定义计算机代码
<kbd>定义键盘码
<samp>定义计算机代码样本
<var>定义变量
<pre>定义预格式文本
标签描述
<abbr>定义缩写
<address>定义地址
<bdo>定义文字方向
<blockquote>定义长的引用
<q>定义短的引用语
<cite>定义引用、引证
<dnf>定义一个定义项目。
avatar
文章
阅读
粉丝