开发者学堂课程【零基础学前端 HTML+CSS :标签】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/398/detail/5104
标签
内容介绍
一.HTML 的基本内容
二.关于 HTML 的补充说明
三.HTML 标签
一.HTML 的基本内容
1. HTML 中文的名称是叫:超,文本,标记,语言。
2. 标记:由<标记>中组成的标记。
3. 用来翻译 HTML 语言的工具有:浏览器,其中浏览器有 IE,火狐。
4. 浏览器可以查看 HTML。
这个页面其实就是一个 HTML 的一个页面,访问了以后它转化成为 HTML。在这里面可以查看其源代码,代码如下所示:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="data-spm" content="a2c6h" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
<meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>零基础学前端HTML+CSS-学习中心-阿里云开发者社区</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<link rel="stylesheet" href="//g.alicdn.com/developer_center/developer-fresh-aliyun-com-fe/0.4.9/css/ua.css" />
<link rel="stylesheet" href="//g.alicdn.com/scms-aliyun-com/course-lesson-sdk/0.0.8/css/index.css" />
</head>
注意:
(1)此代码不是由程序员写的,而是由程序员写的页面和前台加工以后由服务器推算出来的 HTML 的页面。
(2)它不是纯静态的页面,但是其里面的语法已经是 HTML。
(3)这些代码都是HTML代码,由一个小括号和大括号组成的代码,如:〈a href="http://www.n1dn.cn“class””〉
首页〈/a〉。
二.关于 HTML 的补充说明
1.HTML 语言是有版本之分的,最新的版本是 HTML5,它是一种新的语法的写法。
2.不同浏览器对不同版本的HTML支持情况也不同。现在所有浏览器支持 HTML5 已经没有问题了,但是在早几年就不行。例如:在 window 7 里面安装了一个IE,当 window 7 默认安装的时候,它安装的是 IE8,很多标签 IE8 是不支持的,所以在使用 IE8 或者 IE7 浏览很多网页的时候它会在执行上面有一些问题。有些效果是看不到的。
目前 HTML4 就只有小部分浏览器支持。这就是浏览器的版本。
3.除了浏览器的版本还有浏览器的内核。有很多浏览器,比如:百度,QQ 浏览器, UC 等等,它的每一种浏览器内核是不一样的。由于浏览器的内核不同,所以不同版本的 HTML 支持的标签形式也是不一样的。所以现在浏览器还是存在一个有些混乱的状态。从这方面来讲,对于一个设计人员或开发人员,肯定是垄断最好做这件事,因为垄断完了,如果 IE 一统江湖或者其他浏览器一统江湖,大家都使用这个浏览器,就只用针对这一种浏览器做开发就好了。给浏览器调优和做兼容是每个做前端的人必备的知识。
4.即使对于同一标签,不同的浏览器的解释也可能有差异。即:同一个页面,在不同浏览器中看到效果可能不同,这就是我们常说的:浏览器兼容性问题。
总结:浏览器分为各种内核,所看到的效果不同,每种内核显示 HTML 有所不同,会有一些小的兼容性问题,这个就是浏览器的兼容。但是现在来说,HTML4 里的文件在任何浏览器里面都没有问题了,因为这是十几年前的东西了。
注意:虽然现在有 HTML5 这个版本,但是这并不代表 HTML4 就不学了。HTML5 只是一个增量,它就像一个新增加的包一样,它会有很多新的标签,但是很多传统的标签,比如 HTML4 的标签也是现在正在用的东西。并不是说5出来了什么东西4就没有了,所以它是增量包的形式来进行学习。目前学的课程几乎都是 HTML4 里面的, HTML5 后面会学习。
三.HTML 标签
1.HTML 标签由小于号,大于号和括号里面的关键词构成,比如:<html> 、 <head>等 括号中间的“html”“head”就是关键词,可以叫它标签或标记。
2.HTML标签由成对出现(双标签)和单个出现(单标签)组成。也就是说有的标签是一个标签,有的标签是一组标签,即有头有尾的标签。
例: <p>互联网, 你好! </p>
( 段落标签)
<br/> (换行标签)
双标记:<head>内容</head> <head>是头标签,</head>是尾标签。
单标签:<br> 换行 它没有<br/>这个标签,所以它是一个单标签。
3.HTML 标签对中的第一个标签 是开始标签,第二个标签是结束标签。
例:在“<head>内容</head>”这个标签对中,<head>是开始标签,</head>是结束标签。
4.HTML 标签尽量使用小写,所有单个标签都会以/结束,不要忘记。