HTML的基本知识_在html中插入注释,它的开始标签为-CSDN博客

本文链接：https://blog.csdn.net/2201_75847002/article/details/136690458

HTML的基本结构

HTML文件由文件头(head)和文件体(body)两部分组成，此外，在这两部分外面还要加上标签<html></html>说明此文件是HTML文件。

HTML基本结构如下：

在HTML的基本结构中，用“<”和“>”括起来的单词，通常称作为元素。

开始标签元素内容结束标签
< <p>	这是一个段落	</p>
<a href=“default.html”>	这算是一个链接	</a>
< <br>	换行

双标签：双标签由开始标签和结束标签两部分构成，必须成对使用，如<div>和</div>。
单标签：某些标签单独使用就可以完整的表达意思，这种标签就叫做单标签，如换行标签<br>。
大部分标签内包含一些属性，各属性没有先后顺序，属性也可以省略，省略即取默认值，如：<title id=“title”>标题</title>。

HTML的标题元素

标题(Heading)是通过<h1>-<h6>标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。

<hr>标签在HTML页面中创建水平线。hr元素用于分隔内容。

HTML相关的基本定义

标签：用“<”和“>”括起来的叫作标签，如<p>、</p>、<br>等。

HTML的全局属性

class:用于定义元素的类名，class属性不能在以下元素中使用:<base>、<head>、<html>、<meta>、<param>、<script>、<style>、<title>。
id:用于指定的唯一id，该属性的值在整个HTML文档中要具有唯一性。
style:用于指定元素的行内样式。使用该属性后将会覆盖任何全局的样式设定，如<style>元素定义的样式，或者父元素定义的样式。
title:用于指定元素的额外信息。通常会在鼠标移动元素上时显示定义的提示文本。
<br>标签定义一个换行，通常在<p>标签内。<br>标签不是用于分割段落的。
(Ctrl+/)用于在HTML中插入注释，它的开始标签为,开始标签和结束标签不一定在一行，也可以多行注释。
<b>:定义粗体文本。
<var>:定义变量。
<address>：定义地址。

一个完整的HTML文档大体包含一下标签：

<!DOCTYPE>:声明文档类型。

<html>:定义HTML元素真正的根元素。

<head>:定义HTML文档的文档头。<head>可以包含如下元素。

<title>:定义HTML文档的标题。

表格的基本标签

HTML表格由table标签以及一个或多个tr、th或td标签组成：

table标签：定义一个表格
caption标签：定义表格中的一行，嵌套在<table></table>中
tr标签:定义表格中的一行，嵌套在<table></table>中
th标签:定义表格中的表头单元格，嵌套在<tr></tr>中
td标签:定义表格中的数据单元格，表示表格中的列，嵌套在<tr></tr>中

表格的结构

基本表结构中，表格标题，项目表头和数据资料构成了表格基本结构三要素。如下图所示，“通讯录“为表格标题

HTML的图片元素

在html中，图像是由<img>元素定义的，<img>元素是空元素标签，在实际开发中，最好写成<img/>。

<img>元素的基本结构如下：

<img src=“图片的url” alt=“图像的替代文本”/>，图片的URL指存储图像的位置，可以是相对路径，也可以是绝对路径。

HTML的列表元素

无序列表的每一项前缀都显示为图形符号，用<ul>定义无需列表，用<li>定义列表项。<ul>的type属性定义图形符号的样式，属性值为disc(点)、square(方块)、circle(圆)、none(无)等，但由于实际使用并不美观。因此通常用CSS指定前缀样式。

HTML列表标签

标签描述
<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义列表
<dt>	自定义列表项目
<dd>	定义自定列表项的描述

有序列表

有序列表的前缀通常为数字或者字母，用<ol>定义有序列表，用<li>定义列表项。

<li>是列表项目标签，定义列表项目。<li>标签支持全局属性，<li>标签支持所有HTML事件属性。

表单基础内容:

一般表单使用form标签包裹，其中：name=“表单域名称” 定义一个名字，action=“url地址” 数据要传送到的地方，method=“提交方式” 有get和post可选择。

例

每一个表单选项都用input表示，text表示明文文本框，password表示暗文文本框，number表示数字，radio表示单选，checkbox表示复选框，check=“checked”表示默认选择。应用于单选和复选，button表示按钮，value表示按钮名字，reset表示重置按钮，image表示图片，submit表示提交，value表示提交键的名字，date表示日期，email表示邮箱。

表单实例：

lable标签的作用是把文字与文本框链接起来，点击文字文本框就会被选中。