标签| 学习笔记

简介: 快速学习标签。

开发者学堂课程【零基础学前端 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 标签尽量使用小写,所有单个标签都会以/结束,不要忘记。

相关文章
|
3天前
|
Python
if标签
【6月更文挑战第29天】if标签。
13 5
|
2月前
with标签
with标签
25 2
|
2月前
|
Python
for...in...标签
for...in...标签。
15 1
|
2月前
|
前端开发 JavaScript
基础标签应用
基础标签应用
19 2
|
2月前
|
移动开发 HTML5
基本标签
基本标签
23 2
|
9月前
|
移动开发 前端开发 JavaScript
HTML+CSS常用的标签总结
HTML+CSS常用的标签总结
74 0
|
分布式计算 图计算 Spark
打标签_完成| 学习笔记
快速学习打标签_完成
180 0
打标签_完成| 学习笔记
|
图计算 开发者
打标签_生成标签| 学习笔记
快速学习打标签_生成标签
79 0
打标签_生成标签| 学习笔记
|
前端开发 开发者
基本标签 | 学习笔记
快速学习基本标签
77 0
基本标签 | 学习笔记
|
Dubbo Java 应用服务中间件
标签解析|学习笔记
快速学习标签解析,介绍了 Dubbo 在启动过程中如何解析配置文件。
165 0
标签解析|学习笔记