万维网联盟(World Wide Web Consortium)简称W3C,专门为了定义网页相关的标准而成立,如网页中的HTML、CSS、DOM、HTTP、XML等标准。
根据W3C标准,一个网页主要由三部分组成:
(1)结构:HTML用于描述页面的结构
(2)表现:CSS用于控制页面中元素的样式
(3)行为:JavaScript用于响应用户操作
HTML概述
全称:HyperText Markup Language(超文本标记语言),定义页面内容结构,该语言书写的代码通常会被浏览器解析执行。
HyperText(超文本):不仅包括文本,还可以包括图片、链接、音乐、视频等非文本元素
Markup Language(标记语言):是一套标记标签,html使用标记标签来描述网页
1、HTML文档结构
<!DOCTYPE html> 文档声明定义:它既不是元素,也不是注释,写在html代码的第一行;用来解析元素,通知浏览器使用哪一个html版本
<html> html元素(又叫根标记),是所有其他元素的祖先元素,最顶层
<head>文档头,它是html元素的第一个子元素,可以嵌套其他元素;里面的内容不会在页面上显示
<meta charset="UTF-8">空元素,解析文本
<meta name="viewport" content="width=device-width, initial-scale=1.0"> SEO搜索引擎优化
<title>标题,显示在浏览器的标题栏上
<body>文档体:网页中的所有可见内容都放在里面
2、元素的层级结构
一个元素的内容中可以包含其他元素形成嵌套的层次结构,但两个元素之间不能相互嵌套
若A直接或间接包含B,则A为B的父元素(祖先元素),B为A的子元素(后代元素)。
若两个/多个元素有同一个父元素,他们互为兄弟
HTML中的所有内容结构,都是靠元素组织到页面中的;标记名、属性、元素内容共同决定了一个元素的显示内容和行为。
一个元素包括:起始标签+元素内容+结束标签 ------<h3>基础班</h3>
属性:表示元素的额外信息-----<a href="跳转地址">立即加入</a>
空元素(自闭合元素、单标签)-----<img src="图片地址">
3、相对路径&绝对路径
相对路径只能用于访问站内资源(./路径)
./ 表示当前资源所在的目录,必须作为相对路径的开始,可省略
../ 表示返回上一级目录
绝对路径:协议://域名/目录(例:http://www.google.com)
访问站外资源,只能使用绝对路径,访问站内资源,使用绝对路劲可以不要协议和域名
4、HTML的常用标签
语义化标签(块级元素block):
<header>表示页面或某个区域的头部
<nav>表示导航栏
<aside>表示跟周围主题相关的附加信息(广告、目录、相关信息)
<article>表示文章或其他可独立页面存在的内容
<section>表示一个整体的一部分主题
<footer>表示页面或某个区域的底部
文本类标签(行内元素inline):
<p> 不能包含的内容:h1-h6、p
<q> 小段文本引用,自带前后双引号,适用于名人名言
<blockquote> 大段引用,会有相应的缩进,适用于古诗词
超链接:<a href="跳转地址">标签
注:原文链接https://blog.csdn.net/vens37/article/details/106269926