HTML篇知识点总结,萌新需要掌握

最新推荐文章于 2022-05-18 18:18:49 发布

敢碰

最新推荐文章于 2022-05-18 18:18:49 发布

阅读量178

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_49417749/article/details/107496481

版权

这篇博客主要针对初学者，介绍了HTML的基本概念和常用标签，包括单双标签、服务器数据处理、数据库储存、XHTML、HTML语义化标签、文本格式化、块级和内联元素、图片、超链接、列表、表格以及表单。强调了语义化标签的使用和HTML元素的显示方式。

摘要由CSDN通过智能技术生成

第一次接触前端

大学毕业了，出来工作一两个月，接触前端，写代码，网页界面设计.html。标签属性:单标签双标签，服务器数据处理，数据库储存数据，xhtml:严格文件，注释ctrl+shift+?(注释选中的)，ctrl+d复制当前行，ul无序列表，ol有序列表，li列表项，a超链接，p段落，img图片，控制台:调试代码，加粗:span（方便css选中），表格:合并行（记得删行）tr21>td21,colspan合并列 rowspan合并行；

 1、HTML 基本文档
   <!--文档声明：不是一个HTML标签声明HTML的版本及约束条件声明-->
<!DOCTYPE html>
<html lang="en"> <!--lang 属性可用于声明网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的-->
  	<head>
   		 <title>文档标题</title>
  	</head>
  	<body>
    	可见文本...
  	</body>
</html>

在这里插入图片描述 2、HTML基本标签

<h1>最大的标题</h1>
<h2> . . . . </h2>
<h3> . . . . </h3>
<h4> . . . . </h4>
<h5> . . . . </h5>
<h6>最小的标题</h6>
 
<p>这是一个段落。</p><!--文字会自动换行-->
<br> （换行）
<hr> （水平线）
<!-- 这是注释 -->

在这里插入图片描述 3、HTML语义化标签

语义类标签则是纯文字的补充，比如标题、自然段、章节、列表，这些内容都是纯文字无法表达的，我们需要依靠语义标签代为表达。

便于团队开发维护
便于其他设备解析（屏幕阅读器，盲人阅读器）
有利于SEO（搜索引擎及爬虫更理解网页）

3.1、文本语义格式化（含h5）

<b>粗体文本</b>
<strong>重要的文本加粗</strong> <!--推荐使用-->

<i>斜体文本</i>
<em>斜体强调文本</em><!--推荐使用-->

<!--<s>删除的文本</s>-->
<del>删除的文本</del><!--推荐使用-->

<!--<u>下划线文本</u>-->
<ins> 插入的文本</ins><!--推荐使用-->

<kbd>键盘输入</kbd>
<code>计算机代码</code> 
<pre>预格式化文本</pre><!--使文本保留换行空格等格式-->
<small>更小的文本</small>

<abbr> （缩写）
<address> （联系信息）
<bdo> （文字方向）
<blockquote> （从另一个源引用的部分）
<cite> （工作的名称）
<sub> （下标文本）
<sup> （上标文本）