HTML相关知识点总结

简介

HTML超文本标记语言(Hyper Text Markup Language),它是互联网上应用最广泛的标记语言。不要把HTML语言和C、Java等编程语言混淆起来。简单的说,HTML文件就是普通文本+HTML标记(也就是HTML标签),而不同的HTML标签能显示不同的效果。

HTML文档和网页的关系呢?

**网页就是HTML文档。HTML文档有HTML标签和纯文本组成。**web浏览器的作用就是读取HTML文档,并以网页的形式显示它们。浏览器不是显示HTML标签,而是使用标签来解释页面的内容。

HTML的标签样子?

HTML的标记标签通常被称为HTML标签,它是由一对尖括号以及关键词组成,如。而且HTML的标签基本上是成对出现的,如

<html></html>。在这一对标签中,第一个称为起始标签,第二个被称为结束标签。

### HTML的组成:

head 部分

用于定义HTML的一些基本信息,或者引入外部文件。

body 部分

整个HTML文档的显示内容。

HTML基本概念
标签

网页就是HTML文档。HTML文档是由标签和内容组成。

常用的标签:

<html>、<head>、<body>、<div>、<span>、<h1>~<h6>、<p>、<form>、<input>、<a>、<img>、<iframe>、<script>、<style> 等

元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签 内容 结束标签
<p>   你好,李磊   </p>  
<a href=https://www.jb51.net/“http:/www.baidu.com”>   到百度   </a>  
<br/>      

属性

多数的HTML元素都有属性。

属性提供了有关 HTML 元素的更多的信息。

属性总是以**名称/值对(属性/属性值)**的形式出现,比如:name=“value”。

属性总是在 HTML 元素的开始标签中规定。

注释

注释标签 <!-- 与 --> 用于在 HTML 插入注释。

编码规则

(1) 元素和属性均小写

HTML 标签对大小写不敏感。

等同于

。万维网联盟(W3C)在 HTML 4 中推荐使用小写,建议小写。

(2) 有结束标签的元素,有开始标签必须有结束标签;只有开始标签没有结束标签的元素,开始标签中必须加 /。

(3) 始终为属性加引号

<img alt=”name=‘Bill “HelloWorld” Gates'” id=”imgId”/>

HTML常用元素
标题

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

<h1> 定义最大的标题。<h6> 定义最小的标题。

标题的建议用法:

1.每个页面h1标签最多只使用一次,搜索引擎会怀疑页面内存在多个h1标签是作弊;

2.如果是首页,建议h1标签为网站名称,网站名称是首页的重中之重,非他莫属;

3.如果是文章页面建议h1标签为文章的标题,h1标签就是对文本标题所进行的着重强调的一种标签,那么文章页面当然是文章的标题是最重要的;

4.如果是分类页面则不建议使用h1标签,实际经验总结,分类页面等聚合页面不适合使用h1标签,因为页面内容是文章列表:可能“没重点”;

5.<h2>用于段落标题,或者说副标题。

6.<h3>表示段落的小节标题,一般是用在段落小节。

7.<h4>-<h6>基本很少用到,是告诉搜索引擎这些不是很重要的内容,当一篇文章内容较多的时候,可以用来说明一些内容不是很重要的。

段落

段落是通过 <p> 标签定义的

折行:<br/>

链接

HTML 使用超级链接与网络上的另一个文档相连。

几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式:

1.通过使用 href 属性 - 创建指向另一个文档的链接;

2.通过使用 name 属性 - 创建文档内的书签。

跳转页面:

超链接的语法:

<a href=https://www.jb51.net/“url”>Link text</a>

target 属性:

标签的 target 属性规定在何处打开链接文档。

<a href=https://www.jb51.net/“http:/www.baidu.com” target="_blank">欢迎访问百度!</a>

该属性有四个值:

4 个保留的目标名称用作特殊的文档重定向操作:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwpfx.html