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 个保留的目标名称用作特殊的文档重定向操作: