这篇文章主要介绍“分析HTML与CSS基础知识”,在日常操作中,相信很多人在分析HTML与CSS基础知识问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”分析HTML与CSS基础知识”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
web:互联网。
w3c:万维网联盟,非盈利组织,官网:w3.org。为互联网提供各种标准。
代替网址:MDN:Mozilla Development Network。Mozilla开发者社区。有中文。
ISO:国际标准组织。
XML:可扩展的标记语言(extension markup language)用于定义文档结构。
HTML是w3c组织定义的语言标准。HTML是用于描述页面结构的语言。
HTML全称:Hyper Text Markup Language。超文本标记语言。
书写一个一级标题:
<h2>一级标题</h2>
CSS也是w3c定义的语言标准。CSS是用于描述页面展示的语言。(字体颜色,大小,布局等等。)
CSS决定页面长什么样子。
执行HTML与CSS:用浏览器内核执行。
XHTML:可以认为是HTML的一个版本,完全符合XML的规范。但现在基本不用。
HTLM5:2014出版。
CSS3:目前还没有制定完成。
IE:Trident内核。
Firefox:Gecko内核。
Chrome:之前为Webkit内核现在是Blink内核。
Opera:Blink内核。
Safari:Webkit内核。
shell:外壳。
core:内核(JS执行引擎、渲染引擎)。
浏览器由两部分组成:
世界上主流的浏览器(拥有自己的内核):
显示文件扩展名(不懂可百度)。大部分文件:文件名+扩展名(后缀名)。
扩展名决定了文件被什么打开。
安装浏览器:推荐安装谷歌浏览器(推荐百度搜索Chrome,进入官网安装,以免安装有病毒)
谷歌浏览器始终与w3c标准同步。
将谷歌浏览器设置为默认浏览器
安装专业编辑器:
术语
HTML
CSS
开发环境的准备
HTML
版本和兼容性
Sublime
ATom
Dreamweaver
vscode(推荐)
目录:
目录
Emmet插件:自动生成html代码片段
注释方法:Ctrl+?
<!-- 注释内容 -->
元素(标签、标记,但官方称之为element(元素))
局部属性:某些元素特有的属性。
全局属性:所有的元素同用。
元素 = 起始标记(begin tag)+ 结束标记(end tag)+ 元素内容(element content)+ 元素属性(非必选)
属性 = 属性名(href)+属性值
<title>text</title> <a href="http://baidu.com" title = "百度官网">百度</a> <h2 title="这是全局属性"> 这是全局属性 </h2> <!-- <a>: 起始标记,表示a元素 </a>:结束标记, 百度:元素内容。 :-->
有些元素没有结束标记(故没有元素内容),叫做空元素
<meta charset="UTF-8"> 空元素的两种写法: 1. <meta charset="UTF-8"> 2. <meta charset="UTF-8"/> /:表示闭合标记,表示结束。
元素的嵌套:元素不能相互嵌套;父元素;子元素;祖先元素;后代元素;兄弟元素(拥有同一个父元素的两个元素)
标准的文档结构
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie+edge"> <title>Document</title></head><body> </body></html>
<!-- 文档声明:告诉浏览器当前文档使用的HTNL标准是HTML5,不写文档声明将导致浏览器进入怪异渲染模式 --><!DOCTYPE html><!-- 根元素:一个页面最多只能有一个,并且该元素是其他所有元素的父元素或者祖先元素,HTML5可以不写 lang属性(可以用在任意元素中):language,全局属性,表示该元素内部使用的文字是哪一种自然语言书写而成的;en:English,zh-CN:简体中文,但已过时,现在用cmn-hans:简体中国官方语言--><html lang="cmn-hans"></html><!-- 必须作为子元素出现,表示文档头,文档头内部的内容不会显示在页面上。 <meta>元素:文档的原数据,文档的附加信息。 charset:指定网页内部编码,计算机中,低压电(0~2V)来表示0,高压电(2~5V)表示1。计算机中只能存储数字,只能将文字和数字进行对应,相当于一个字典,改字典就叫做字符编码表。 name、content:适配手机端的 <meta http-equiv="X-UA-Compatible" content="ie+edge">:如果浏览器是IE则告诉浏览器使用edge内核,即更换浏览器的内核--> <!-- <title>Document</title>:网页标题。 --><head></head><!-- 文档体: 页面上所有要参与显示的元素--><body></body>
到此,关于“分析HTML与CSS基础知识”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。