-
HTML简介
- HTML是超文本标记语言(Hypertext Markup Language)的简称,用于定义内容结构。HTML具有多个版本,目前我们用的是HTML5。
- W3C:万维网联盟(技术标准机构)。
- CSS:层叠样式表(Cascading Style Sheets)简称,用于定义外观的表述性语言。
- JavaScript: 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。用于丰富页面的形态。
-
HTML的元素认识
元素通过使用**< >**识别,尖括号里面是元素名称。例如:
,h1表示一级标题。这样就创建了一个标记也称标签,通常标签成对出现。
例如:
<h1> XXXXXXXXXXXX</h1>
像这样以
为开始标记,以
为关闭标记的称为双标记。两个标记之间为元素的内容。当然,有双标记就有单标记,常见的包括:、、、、
、
…… -
元素嵌套
元素嵌套是指一个元素放在另一个元素里时,形成的树状结构。其结构如下图:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GpEIyjr4-1582981981187)(G:\summary of study\week1\photo of relationship.png)]
元素嵌套导致元素之间存在关系:
- 父子关系:如图绿圈所示,连线的上端表示父级,下端表示子级。
- 兄弟关系:如图红框所示,同一个父级下面的多个元素之间的关系。
- 祖先关系:如图红圈所示,能够连线追溯源头,并且跨越两代及以上的祖孙关系。
-
元素属性
元素的属性存在开始标签中。例如:
<a 属性名="属性值"> XXXXX </a> 举例: <a color="red"> XXXXXX </a> <a style="color:red"> xxxxxx </a>
-
CSS引用
CSS层叠样式表,主要对结构的修饰。其主要三种样式表形式:
-
外部样式表 :使用时需用导入。
外部样式表,说明其在.html格式文件外引用.css文件。 例如:我们需要为.html文件的h1字体颜色改为红。此时.css文件中应该写: h1{ color:red; } 而.html文件中需要使用link元素引入.css文件: <head> <link rel="stylesheet" href="X.css"> </head>
-
内部样式表:使用时需用
-
文本 b:凸显文本 i:应区别对待文本
-
a标签
用法:
<a href="#" target="_blank">XXX</a>
herf通常写链接,例如:http://www.baidu.com;target默认值为_self表示为本窗口打开,
_blank表示新窗口打开。