-
W3C:万维网联盟,是国际化最著名的标准化组织。
-
HTML:(Hyper Text Markup Language )超文本标记语言,网页编程语言,用于定义文档的内容和结构。
-
CSS:(Cascading Style Sheets)层叠样式表,控制布局,控制元素的渲染,用于定义HTML文档的样式(外观)。
-
HTML元素组成:开始标记、元素内容、结束标记
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> <p>段落标签</p>
-
标记名、属性、元素内容共同决定了一个元素的显示内容和行为
-
超链接标签
<a href="./day02.html" target="_blank">立即加入</a>
href:属性名;"./day02.html":属性值
target="_blank":
使用 Target 属性,你可以定义被链接的文档在何处显示
默认值为_self在当前标签页显示
_blank:在新的标签页显示。
元素之间的关系
1.父子关系
父子关系就是在一个双标签内嵌套其他元素,那么嵌套在其中的元素就相当于“子”,其外层元素相当于“父”。
<body>
<div>
<!-- <div>是<body>的子元素 ,<body>是父元素,<body>和<div>是父子关系 -->
</div>
</body>
2.兄弟关系
兄弟关系就是在“父标签”内有多个并列的元素,这些并列的元素之间就是兄弟关系。
<body>
<div>
<h1>这是后代元素1</h1>
<p>这是后代元素2,和后代元素1是兄弟关系,并且互为兄弟元素</p>
</div>
<div>
<h1>这是后代元素a</h1>
<p>这是后代元素b,和后代元素a是兄弟关系,并且互为兄弟元素</p>
</div>
</body>
后代元素1与后代元素a不存在父子关系或兄弟关系
元素分类
1.块级元素
常见块状元素:div,p,h1-h6,header,nav,aside,article,section等
块状元素特点:
-
以块的形式显示为一个矩形区域;
-
块状元素独占一行,自上而下排列;
-
块状元素可以定义自己的宽度和高度;
-
块状元素可以作为一个容器包含其他的块状元素或行内元素。
2.行内元素
常见行内元素:a,strong,b,img等
行内元素特点:
-
行内元素在一行逐个进行显示;
-
行内元素没有自己的形状,不能定义宽度和高度,它的宽高由内容来决定;
语义化标签
与div没有本质区别,只是它拥有语义
优点:每块区域含义清晰、有利于SEO、帮助特殊设备
header:用于表示页面或者某个区域的头部
nav:用于表示导航栏
aside:用于表示跟周围主题相关的附加信息
article:用于表示文章或其他可独立页面存在的内容
section:用于表示一个整体的一部分主题
footer:用于表示页面的底部