HTML（Hypertext Markup Language）是用于创建网页的标准标记语言。
HTML使用标签（tags）来定义网页中的不同元素和内容。下面是一些常用的HTML标签及其用途的示例：
<html>：定义HTML文档的根元素。
<head>：定义HTML文档的头部，包含关于文档的元信息。
<title>：定义文档的标题，显示在浏览器的标题栏或标签页上。
<body>：定义HTML文档的主体内容。
<h1>到<h6>：定义标题，从大标题到小标题的六个级别。
<p>：定义段落，用于组织文本内容。
<a>：定义超链接，用于创建指向其他页面或资源的链接。
<img>：定义图像，用于在网页中显示图片。
<ul>：定义无序列表，显示为项目的列表，项目间没有特定的顺序。
<ol>：定义有序列表，显示为项目的列表，项目按照顺序编号。
<li>：定义列表中的项目。
<table>：定义表格，用于展示结构化的数据。
<tr>：定义表格中的行。
<td>：定义表格中的单元格。
<div>：定义文档中的一个区块或容器，用于组织和样式化内容。
<span>：定义文档中的一个行内区域，通常用于设置样式或标记特定的文本。
<form>：定义表单，用于收集用户输入的数据。
<input>：定义表单中的输入字段，例如文本框、复选框等。
<button>：定义按钮，用于触发事件或提交表单。
<textarea>：定义文本区域，用于多行文本输入。
----------------------------------------------------------------------------------------------------
<input type="submit" value="提交"/> <br/>
<input type="reset" value="重置"/> <br/>
<!--
//<html>根标签 <head>头， <body>体 <P>段落 Ctrl+/注释 <h1>一级标题 <hr>定义水平线 空格 <img>图像 <video>视频 <b>加粗 <u>字体加下划线 <i>定义斜体字。 //<input>定义输入框 <br>换行
-->
<html>
<head>
<meta charset="UTF-8">
<title>焦点访谈：中国底气 新思想夯实大国粮仓_新浪新闻</title>
</head>
<!-- -->
<body>
<P><img width="110" src="../img/news_logo.png"/><a href="http://www.baidu.com">新浪政务</a>>正文</P> //1.设置图片高度和路径 2.<a>设置超链接.
<H1 style="color:#4d4f53">焦点访谈：夯实大国粮仓</H1> //设置标题h1的标题文字颜色
<hr>
<p></p>
2023年03月02日 21:50 央视网
<p></p>
<hr>
<video width="660" controls="controls"> //设置视频，宽度（高度自动缩放）controls是播放控件。
<source src="../video/1.mp4" type="video/mp4" /> //设置视频资源路径。
</video>
<p> <b>新浪网消息</b>（经济栏目）：重农抓粮一系列政策举措有力有效，我国粮食产量站稳1.3万亿斤台阶，实现谷物基本自给、口粮绝对安全。我们把饭碗牢牢端在自己手中，为保障经济社会发展提供了坚实支撑，为应对各种风险挑战赢得了主动。连续八年1.3万亿斤，这个沉甸甸的数据是如何取得的呢？</p> //<b>新浪网消息</b> 字体加粗
<P>人勤春来早，春耕农事忙。立春之后，由南到北，我国春耕春管工作陆续展开，春天的田野处处生机盎然。</P>
<img src="../img/1.jpg" /> //图片
</body>
</html>
<!--HTML 常用标签------------------------------------------------------------------------
HTML（Hypertext Markup Language）是用于创建网页的标准标记语言。
HTML使用标签（tags）来定义网页中的不同元素和内容。下面是一些常用的HTML标签及其用途的示例：
<html>：定义HTML文档的根元素。
<head>：定义HTML文档的头部，包含关于文档的元信息。
<title>：定义文档的标题，显示在浏览器的标题栏或标签页上。
<body>：定义HTML文档的主体内容。
<h1>到<h6>：定义标题，从大标题到小标题的六个级别。
<p>：定义段落，用于组织文本内容。
<a>：定义超链接，用于创建指向其他页面或资源的链接。
<img>：定义图像，用于在网页中显示图片。
<ul>：定义无序列表，显示为项目的列表，项目间没有特定的顺序。
<ol>：定义有序列表，显示为项目的列表，项目按照顺序编号。
<li>：定义列表中的项目。
<table>：定义表格，用于展示结构化的数据。
<tr>：定义表格中的行。
<td>：定义表格中的单元格。
<div>：定义文档中的一个区块或容器，用于组织和样式化内容。
<span>：定义文档中的一个行内区域，通常用于设置样式或标记特定的文本。
<form>：定义表单，用于收集用户输入的数据。
<input>：定义表单中的输入字段，例如文本框、复选框等。
<button>：定义按钮，用于触发事件或提交表单。
<textarea>：定义文本区域，用于多行文本输入。
----------------------------------------------------------------------------------------------------
<input type="submit" value="提交"/> <br/>
<input type="reset" value="重置"/> <br/>
----------------------------------------------------------------------------------------------------
<link rel="stylesheet" href="css/news.css"> 使用<link>标签来引入一个外部样式表（CSS文件）
----------------------------------------------------------------------------------------------------
<style>
h1{
color:tomato; h1选择器定义了对所有<h1>标签应用的样式规则。这里将文字颜色设置为tomato（番茄色）。
}
#date_title{
text-align:left; #date_title选择器定义了对id为date_title的元素应用的样式规则。这里将文本对齐方式设置为左对齐（text-align: left）。
}
video{
width:730px; video选择器定义了对所有<video>元素应用的样式规则。这里将宽度设置为730像素，高度设置为500像素。
height:500px;
}
</style>
------------------------------------------------------------------------------------------------------------------------------------------------------
<style>
input[type="password"]{
color:blue;
}
</style>
这段代码中的 CSS 规则选择器 input[type="password"] 可以选择所有类型为 “password” 的输入元素（即密码输入框）。
然后，我们设置了选择的输入元素的文本颜色为蓝色（color: blue）。
------------------------------------------------------------------------------------------------------------------------------------------------------
<body align="center" marginwidth="20%" >
</body>
使用了 <body> 标签来定义网页的主体内容，并使用了一些属性对其进行设置。align="center" 属性用于将 <body> 的内容在水平方向上居中对齐。这将使页面的内容在浏览器中水平居中显示。
marginwidth="20%" 属性用于设置 <body> 元素的左右边距（即页面内容与浏览器边缘之间的距离）。这里将左右边距设置为整个浏览器宽度的 20%，即占据浏览器宽度的 20%。
需要注意的是，align 和 marginwidth 是过时的属性，推荐使用 CSS 来实现对样式和布局的控制。CSS 提供了更丰富和灵活的样式设置选项。例如，可以通过 CSS 属性 text-align: center 来实现内容的水平居中，以及使用 margin 属性来设置元素的边距。
下面是使用 CSS 实现的示例代码：
<style>
body {
text-align: center;
margin: 0 20%;
}
</style>
<body>
</body>
这段代码将会对整个 <body> 元素应用样式，使其内容水平居中，并设置左右边距为整个浏览器宽度的 20%。
-----------------------------------------------------------------------------------------------------------------------------------------------------------
HTML 标签
HTML标签是用于定义网页结构和呈现内容的元素。HTML标签使用尖括号 < > 包围，并通常成对出现，由开始标签和结束标签组成。开始标签以 < 开头，结束标签以 </ 开头，标签名称在尖括号中间。
以下是一些常见的HTML标签及其用途的示例：
<html>...</html>: 定义HTML文档的根元素。
<head>...</head>: 定义HTML文档的头部，包含文档的元数据信息。
<body>...</body>: 定义HTML文档的主体内容。
<h1>...</h1>, <h2>...</h2>, … <h6>...</h6>: 定义标题，从h1到h6的级别递减。
<p>...</p>: 定义段落。
<a href="URL">...</a>: 创建一个超链接，链接到指定URL。
<img src="image.jpg" alt="Description">: 插入图像，src属性指定图像的URL，alt属性为图像提供文本描述。
<ul>...</ul>, <ol>...</ol>: 定义无序列表和有序列表。
<li>...</li>: 定义列表项，通常用在
或
标签内部。
<div>...</div>: 定义文档中的块级容器，用于组织和布局内容。
<span>...</span>: 定义文档中的行内容器，用于标记和样式化特定的文本或元素。
<table>...</table>, <tr>...</tr>, <td>...</td>: 创建表格，分别定义表格、表格行和表格单元格。
这只是一小部分HTML标签的示例，HTML标签有很多，用于表示各种不同类型的内容和结构。可以通过组合这些标签以及添加其他HTML属性和CSS样式，创建出具有丰富交互和外观的网页。
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
