HTML总结

Lee-hua

于 2018-05-27 13:06:38 发布

阅读量280

点赞数

分类专栏：前端--HTML/CSS/JS 文章标签： HTML总结前端

本文链接：https://blog.csdn.net/hua1011161696/article/details/80456141

版权

本文详细介绍了HTML的基础知识，包括HTML的基本结构、常用标签及其语义化，强调了标签语义化的重要性，如利于SEO和团队开发。还涵盖了HTML头部、列表、表格和表单等内容，为理解HTML网页构建提供了全面指导。

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

一：前端三层

二：HTML简介

HTML：Hyper Text Markup Language 超文本标记语言

超文本：用超链接的方法组织的文本
标记语言：就是一套标记标签

HTML负责描述页面(网页)的语义，从语义的角度描述页面的结构。

HTML标签：由尖括号包围，通常是成对出现的(一个开始标签，一个结束标签)，如<p> </p>

HTML文档：就是网页

       HTML元素：开始标签到结束标签内的所有代码(包含标签)
       空元素(自关闭元素)：在开始标签中进行关闭，没有相应的结束标签，如<br />

       HTML属性：是HTML元素提供的附加信息；属性总是在元素的开始标签中规定；始终为属性值加引号

HTML注释：

<!-- 这是HTML的注释  -->

三：HTML基本结构

<!DOCTYPE html>          声明文档类型
<html>                   根标签
<head>                   文档头部
    <title>标题</title>  网页标题
</head>
<body>
   网页内容               网页真正显示的内容
</body>
</html>

四：HTML基本标签介绍及标签语义化

1，基本标签介绍

标题：<h1>...<h6>；<h1> 主标题，<h6> 最小标题
段落：<p>

图片：<img>

<img src="URL" alt="图片加载失败时显示的替换文本" width="" height="" />

超链接：<a>；href--hypertext reference 超文本引用

<a href="URL" title="鼠标悬停时显示的文字" target="打开方式"></a>
<!-- <p><a id="tips"></a>目标部分</p> -->
<p><a name="tips"></a>目标部分</p>

<a href="#tips">目标锚，跳到当前文档内指定的部分</a>

<a href="#">空链接,点击效果：跳到页面顶部</a>

<abbr> 表示一个缩写词
<address> 定义文档作者的联系信息
<q> 定义引用文本
<blockquote> 定义块引用
<cite> 定义作品的标题
<del> 定义被删除文本
<ins> 定义被插入文本
<code> 单行代码

<pre> 定义预格式化的文本；保留空格和换行符，常用来表示计算机的源代码

<abbr title="World Health Organization">WHO</abbr>
<address>Shanghai,xuhui</address>
<q>to be or not to be,this is a question</q>
<blockquote cite=""></blockquote>
<cite>你的梦想是什么</cite>
<del>删除删除删除</del>
<ins>插入文本</ins>
<code>for i in range(10):print(i)</code>
<pre>
	pwd =