html学习总结

最新推荐文章于 2024-03-13 15:03:28 发布

qq_58174923

最新推荐文章于 2024-03-13 15:03:28 发布

阅读量162

点赞数

文章标签： html 学习搜索引擎

本文链接：https://blog.csdn.net/qq_58174923/article/details/125689504

版权

HTML总结

元素的组成

HTML由元素组成，元素可以嵌套，并且这个嵌套过程是可以嵌套很多的元素的只需要在最后收尾的时候都有一个结束的代表就可以了例如：

<p>我就是内容 </p>

这就是一个元素，元素有开始标签和结束标签，以上述语句为例也就是<p>和</p>，而“我就是内容"则是内容，内容和标签结合即是一个完整的元素。

HTML基本组成

HTML文档必定包含以下内容：

1. <html>内容涵盖</html>

这个标签内包含了所有其他的标签，其他元素都会被嵌套在其中，而通常开始标签处会这么写"<html lang=“en”>“，代表这是一个英文站点，这么写可以方便搜索引擎对其进行收录，如果要改为中文站点，只需要改为”<html lang=“zh”>"即可，对里面的内容没有影响。

2. <head></head>

head元素包含了各种标签元素，在head元素中，可以插入脚本（script），样式文件（CSS），以及各种meta信息。在此处可以添加的元素有：<title>, <style>, <meta>, <link>, <script>和 <base>。

<title>：1. 定义了浏览器工具栏的标题 2. 当网页添加到收藏夹时，显示在收藏夹中的标题 3. 显示在搜索引擎结果页面的标题

<style>：在此元素中定义了HTML文档的样式文件引用地址，也可以直接添加样式来美化 HTML 文档，这种写在HTML里面的样式类型也叫做内联样式例如：

<base>：描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接，例如：

3. <body></body>

这个标签中包含了html页面的主体内容

标题（heading）：搜索引擎用标题来索引页面的内容，用户也习惯以标题进行主要内容浏览，以决定是否查看该页面，HTML有六级标题，从<h1></h1>到<h6></h6>，其中<h1>最大，通常作为主标题，<h6>最小。

文本格式：文本格式标签推荐使用：
<mark></mark>，<del></del>，<s></s>，<ins></ins>，<small></small>，<strong></strong>，<em></em>

文本格式不需要用于对页面进行美化，CSS更适合进行页面美化。

超链接：任何东西均可以使用超链接，通常超链接是图片、网址、文本等。语法如下：
华为官网

锚点：
锚点，也称为书签，用于标记页面的某个元素或位置。通过锚点，我们可以轻易的在长页面内实现跳转。先使用id属性生成某元素的锚点，然后再使用超链接指向该锚点即可。例如：

第一章 XXXXX

中间有一些其他的内容
回到顶部 ...

插入图片：
img src属性为要图片的URL，即图片文件的路径，alt属性当获取图片出现问题时显示的文字（占位符），可以给图片指定高尺寸，但是可能导致图片变形。文件路径有相对路径和绝对路径两种。
例如：

View 这种就属于相对路径

表格table：
使用<table></table>，中间包含着表格的内容，<tr>表示行, <td>表示行中的单元, <th>是表头的单元，例如：

这是表头的内容
这是表头下的内容

列表list：
分为有序列表和无序列表，无序列表使用<ul>标签，默认使用实心圆点作为每项的标志，其它的标志可以是空心圆circle，实心方块square以及不出现标志，有序列表使用<ol>标签，默认使用数字作为每项的标志，其它的标志可以是大写字母A，小写字母a，罗马字母i等。例如：
无序列表：

有序列表：

表单：
表单用于收集用户的输入信息。
HTML表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容，比如：文本域（textarea）、下拉列表（select）、单选框（radio-buttons）、复选框（checkbox）等等。类型定义有多种，例如文本域text，密码字段password，单选按钮radio，复选框checkbox，提交按钮submit等。例如：

账号:

密码:

性别：

男

女

拥有的交通工具：

自行车

轿车

跑车

区块元素与内联元素：
区块元素在浏览器显示时，通常会以新行来开始和结束。如：<h1>, <p>

, <ul>, <table>，<div> 等。
例如：