1、什么是HTML
HTML全称为HyperText Mark-up Language(超文本标签语言),标签也可以被称作为标记或者元素。HTML是目前网络上应用最为广泛的技术之一,是构成网页文档的主要基石之一。
超文本标记语言是万维网编程的基础。超文本标记语言之所以被成为超文本标记语言是建立在超文本基础之上的,是因为文本中包含了所谓超级链接和存在媒体文件。
HTML不是编程语言,而是一种描述性的语言。HTML的优点:简单灵活,具有可扩展性,平台无关性。
2、HTML的组成
HTML标签是HTML语言中最基本的单位。标签的大小写是无关的,
跟表示的意思是一样的,推荐使用小写。标签分为单标签和双标签。
单标签的形式例如
只需要一个标签。
双标签的形式例如需要头和尾。
一个HTML的基本框架为head部分和body部分。
元素是所有头部元素的容器, 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。
元素是所有身体元素的容器,正文部分就在此处编写。
html的注释是用来表示。
标签都有各自的属性,属性拥有所对应的值。所以编写html文件也就是给标签的属性进行赋值、以及给标签内填写内容。
3、HTML常见的标签
声明本文档为html5文档
双标签
标签告知浏览器这是一个 HTML 文档。
元素是 HTML 文档中最外层的元素,也可称为根元素。
属性:lang 值:en英文 zh-CN 中文 ja 日文 en-US美式英文
用来标识这页面是什么类型的语言,浏览器带翻译插件的话检测到这个字段就会提示,是否要翻译。
.....
双标签
元素是所有头部元素的容器。位于 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息,等等。
双标签
元素定义文档的主体。
元素包含文档的所有内容,比如文本、超链接、图像、表格、列表等等。
.....
.....
是一个双标签。
标签定义文档的标题。标签位于标签之中。
例如:
这里是标题
标签在浏览器中的导航栏可以看到
是一个单标签
标签为页面上的所有链接规定默认地址或默认目标(target)
属性:herf 值:URL(网址)
属性:tagrget 值:_blank _parent _self _top framename
基链接对于具有平面目录结构的较小站点,这不会有太大帮助; 但对于具有深度嵌套目录的站点, 标记可能会从您的网页中减少很多额外的重量,并且还有助于保持URL更清洁和更短。
我们将所有图片放入一个文件夹里,在base里的herf赋值为这个文件夹的URL,之后我们再链接其中图片时,就可以使用相对路径(相对于base标签的)来链接。
这有效的解决了,在编写html文件时,body部分填写了本地的绝对路径,然后上传至服务器后绝对路径发生改变。
单标签
标签定义文档与外部资源之间的关系。
常用来链接外部样式表。
属性:rel(relationship关系) 值:stylesheet等等 必需,用来定义当前文档与被链接文档之间的关系
属性:type 值:规定被链接文档的 MIME 类型
属性:href 值:URL
单标签
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
属性:charset 值:字符编码(UTL-8通用字符集,GBK简体中文字符集加强版,BIG5繁体字符集) 定义当前文档的字符编码
属性:content 值:text 定义与 http-equiv 或 name 属性相关的元信息。
属性:http-equiv 值:content-type default-style refresh 把 content 属性关联到 HTTP 头部
属性:name 值: application-name
author
description
generator
keywords
例如:
这里是标题
属性:herf 值:URL(网址)
属性:tagrget 值:_blank _parent _self _top framename
基链接对于具有平面目录结构的较小站点,这不会有太大帮助; 但对于具有深度嵌套目录的站点,
我们将所有图片放入一个文件夹里,在base里的herf赋值为这个文件夹的URL,之后我们再链接其中图片时,就可以使用相对路径(相对于base标签的)来链接。
这有效的解决了,在编写html文件时,body部分填写了本地的绝对路径,然后上传至服务器后绝对路径发生改变。
单标签
标签定义文档与外部资源之间的关系。
常用来链接外部样式表。
属性:rel(relationship关系) 值:stylesheet等等 必需,用来定义当前文档与被链接文档之间的关系
属性:type 值:规定被链接文档的 MIME 类型
属性:href 值:URL
单标签
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
属性:charset 值:字符编码(UTL-8通用字符集,GBK简体中文字符集加强版,BIG5繁体字符集) 定义当前文档的字符编码
属性:content 值:text 定义与 http-equiv 或 name 属性相关的元信息。
属性:http-equiv 值:content-type default-style refresh 把 content 属性关联到 HTTP 头部
属性:name 值: application-name
author
description
generator
keywords


