什么是HTML
W3C万维网联盟
是目前web技术领域最具权威和影响了的技术标准机构
HyperText Markup Language超文本标记语言
该语言书写的代码通常会被浏览器解析分析。
HyperText 超文本:不只包括文本,也可以包括图片、连接、音乐、视频等非文本元素
Markup Language标记语言:是一套标记标签,HTML使用标记标签来描述网页
用于定义文档的内容结构:
*一个页面就是一篇文档
*而一篇文档最核心的就是内容,不同含义的内容组成了文档的结构
什么是CSS
根据w3c定义,css全称Cascading Style Sheets,中文全称:层叠样式表
用于定义HTML文档的样式(外观)
页面表现的基础,可以控制布局,控制元素的渲染。
HTML决定了文档的内容结构,CSS决定了文档的样式
HTML术语
HTML注释+CSS元素
HTML注释的书写格式:<!--注释内容-->
*HTML注释主要用于描述代码功能
*浏览器解析HTML代码时会忽略注释内容
HTML元素
HTML元素是HTML文档的重要组成部分,一个HTML文档由大量元素组成
HTML中的所有内容结构,都是靠元素(标记/标签)组织到页面中的
HTML元素的组成部分
<起始标记>元素内容<结束标记>
href="...."是属性:表示元素的额外信息
href是属性名;=是分割符;“....”里面是属性值
元素内容才会显示在页面中
标记名,属性,元素内容共同决定了一个元素的显示内容和行为
<a href="...">元素内容</a>
a标记:表示这是一个超链接
元素内容:表示要在页面上显示的
href属性:表示用户点击它后,会跳转到的地方
空元素
只有开始标记
img元素,没有元素内容和结束标记,类似于这种元素,称之为空元素,自闭合元素
空元素的书写方式:<标记名 属性>或<标记名 属性/>
元素的层次结构
一个元素的内容中可以包含其他元素,形成嵌套的层次结构
但两个元素之间不能相互嵌套
若A元素之间包含B:A为B的父元素,B为A的子元素
若两个元素有同一个父元素:它们同为兄弟元素
若A直接或间接包含B:A是B的祖先元素,B是A的后代元素
HTML文档结构
文档声明:既不是元素,也不是注释,它总是出现在HTML代码的第一行
使用HTML5版本书写代码为<!DOCTYPE html>
用于通知浏览器,目前的文档正在使用哪一个HTML版本
若不写文档声明,浏览器渲染页面时会进入怪异模式
html元素
又叫根元素、根标记,它是所有其他元素的祖先元素
相关属性:lang,该属性指文档中的文字是用何种自然语言书写的;该属性可能会影响浏览器的语音阅读和翻译行为
</html lang="en"><*/html>该文档中的文字使用英语书写
</html lang="zh-cmn-Hans"><*/html>该文档中的文字使用简体中文书写
head元素
又叫文档头,它是html元素的第一个子元素
文档头中可以包含一些其他元素,用于描述页面的附加信息
注意!head元素中的内容不会显示到页面!
head元素中通常包含以下元素:
<*title>标识文档标题,该标题会显示在浏览器的标题栏或者标签页上
<*meta>标识页面的其他元数据(页面相关的附加信息),这是一个空元素
body元素
又叫做文档体,网页中所有的可见内容都放置在该元素中