HTML网页代码基础

HTML简介

HTML是hyper text Mark-up language的缩写，是超文本标记语言或是超文本标签语言。

HTML是构成网页文档的主要语言，它使用一系列的标签来结构化信息。

原始版本	HTML2.0	HTML4.01	XHTML1.0	HTML5.0
约20个标签	第一个官方版本	拐点	应用最广泛	最新版本

HTML文件的扩展名是.html或.htm。

HTML是目前网络上应用最为广泛的语言，它可以跨网络、跨平台进行传输。

HTML文档结构

HTML文档：以<html>开始，以</html>结尾；

任何不在这两个标签之间的内容都不属于HTML文档，也不可能在网页上有所显示。

head头部：以<head>开始，以</head>结尾；

包含显示在网页标题栏中的标题title和其他一些浏览器需要但不会在网页中显示的信息。

body主体部分：以<body>开始，以</body>结尾；

这部分是网页主要内容的集合体，包含在网页中显示的文本、图像、链接等具体内容。

常用编辑工具

记事本；Dreamweaver。

HTML基本标签

<title>：<title>代表网页的标题，出现在HTML文档的头部。以<title>开始，</title>结束，中间是网页标题。

字符集也叫编码，在HTML语言中用charset表示，是文字和符号的总称。

gb2312是简体中文字符集 big5是繁体中文 utf-8可以全球访问。

keywords和description：

keywords，是关键词，用于设定网页的关键词，便于搜索引擎了解网页的主要内容并将网页显示在对应的搜索结构中。

description，是描述，简要地介绍网站的有关情况。

<h#>：<h#>用来定义文档标题，#可以用数字1-6替代。数字越小级别越高，在标题的默认外观上，级别越高的标题就越大越醒目。在body部分，以<h#>开始，</h#>结束，中间是标题内容。

：用来定义新段落；在body部分，以开始，结束，中间是段落内容。

： 是用来换行的；使用标签时，相邻的段落之间会插入一些垂直的间距；使用 标签时，是在一个段落里自动换一行； 逐渐演变成 。

：表示强调，默认外观是加粗。以开始，结束，中间是想要强调的内容。

<img>：选择图片时要考虑：图片的清晰度，是不是有损耗；图片的大小，会不会影响网页的打开速度。

常见的图片格式：.BMP无损耗，图片大；.jpg有损耗，图片小；.gif有损耗，动态；.png无损耗，最新。

<img>用来定于图片，并通过相关属性来对图片进行设置。

<a>：超链接：超级链接的简称，本质上属于网页的一部分，允许同一网站的网页之间，或不同网站的网页之间进行连接的元素。以<a>开始，</a>结束。

<a href=”所要链接到的URL”>超链接在网页上显示的内容</a>。

URL：是uniform resource locator的缩写，也被称为网页地址，是Internet上标准的资源地址。

Internet上得每一个网页对应一个唯一的URL地址。

所要连接的URL分为两种

相对地址：被链接到的地址相对于当前页面的地址；

绝对地址：被链接到的地址的绝对位置。

注意：使用相对地址方便站点的变更；使用绝对地址有利于seo。

target属性：定义链接的网页在何处显示，可以是新窗口，也可以是本窗口。

target=”_blank”，在新窗口打开；

target=”_self”，在本窗口打开。

代码编写规范-W3C

W3C：是world wide web consortium的缩写，中文是W3C理事会或万维网联盟，是制定网络标准的一个非盈利组织。

W3C的好处：约束了各个浏览器对HTML等代码的显示。

对用户来说，无论使用哪个主流浏览器都可以正确的浏览网页；

对搜索引擎来说，标准方便其“阅读”和抓取网页的内容，有利于网站的SEO工作。

编写HTML代码的注意事项

编写的基本规范：

所有标签小写；

不要忘记标签的闭合；

标签要正确嵌套。

👋 感谢您的观看！

版权声明 1、文章版权归作者所有，未经允许请勿转载。
2、本站所有文章，如无特殊说明或标注，均为本站原创发布。任何在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们邮箱：526009505@qq.com进行处理。
3、咨询请联系QQ：526009505

THE END