什么是HTML和CSS

最新推荐文章于 2022-05-06 16:55:41 发布

转载最新推荐文章于 2022-05-06 16:55:41 发布 · 109 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/WangHaiFen9/p/8848472.html

什么是HTML？

W3C：万维网联盟，是目前web技术领域最具权威和影响力的标准机构，目前为止，W3C已发布了200多项影响深远的web技术标准及实施指南。

Hypertext markup language:超文本标记语言，该语言书写的代码通常会被浏览器解析执行渲染成网页。

Hypertext 超文本：不只包括文本，也可以包括图片，链接，音乐，视频等非文本元素

markup language 标记语言：是一套标记标签，HTML使用标记标签来描述网页。

HTML用于定义文档的内容结构

一个网页就是一篇文档

而一篇文档最核心的，就是内容，不同的含义内容组成了文档的结构

什么是CSS？

根据W3C定义， CSS全称Casading style sheet

用于定义HTML文档的样式（外观）

Casading Style Sheet：层叠样式表，该语言书写的代码通常会被浏览器解析执行

HTML文档页面中的外观样式都是由Css决定

HTML术语

HTML注释

注释的书写格式：< !--注释内容-->

.HTML注释主要用于描述代码功能

.浏览器解析HTML代码是会忽略注释内容

HTML元素

HTML元素是HTML文档的重要组成部分，一个HTML文档由大量的元素组成 HTML中的所有内容结构，都是靠元素组织到页面中的
HTML元素由起始标记属性元素内容结束标记组成书写格式：<起始标记属性>元素内容<结束标记>; 属性表示元素的额外信息；属性由属性名和属性值组成，书写格式：属性名=“属性值”

起始标记，元素，结束标记内容共同决定了一个元素的显示内容和行为

< a href="/classroom/17">立即加入 < /a>

a标记:表示这是一个超链接

元素内容：表示在页面上显示立即加入

herf属性：表示用户点击它后，会跳转到/classroom/ 3.空元素

< img src="assets/img/default/lazyload-class.png" alt="编程入门基础班">

img元素没有元素内容和结束标记

类似这种元素，称之为：空元素，自闭合元素

空元素的书写方式：

< 标记名属性>

< 标记名属性/>

4.元素的层次结构

一个元素的内容中可以包含其他元素，形成嵌套的层次结构；但两个元素之间不能相互嵌套；元素嵌套会产生一个树状的层次结构

若A元素直接包含B 则A为B的父元素，B为A的子元素若两个元素有同一个父元素，它们互为兄弟元素若A直接或间接包含B 则A是B的祖先元素，B是A的后代元素

HTML文档结构

1.文档声明（文档类型定义）：既不是元素，也不是注释，它总是出现在HTML代码的第一行

书写代码为：><!DOCTYPE html>

用于通知浏览器，目前的文档正使用哪一个HTML版本（使用HTML5版本）

若不写文档声明，浏览器渲染页面时会进入怪异模式 2. html元素又叫跟标记，根元素，它是所有其他元素的祖先元素

相关属性：lang

该属性指定文档中的文字是用何种自然语言书写的

该属性可能会影响浏览器的语言阅读和翻译行为

   <html lang="en"></html>该文档使用英语书写

   <html lang="zh-cmn-Hans"></html>使用简体中文书写

3.head元素又叫做文档头，它是html元素的第一个元素文档头中可以包含一些其他元素，用于描述页面的附加信息注意！head元素中的内容不会显示到页面上

head元素通常包括 < title>和< meta>

< title>标识文档标题，该标题会显示在浏览器的标题栏或者是标签页上

< meta>标识页面的其他元数据（页面相关的附加信息），这是一个空元素

示例：< meta charset="UTF-8">

指示浏览器，使用字符编码集UTF-8解析页面

为获得更好的地域兼容性，避免代码，应将字符编码集设置为UTF-8并且将该代码作为head的第一个子元素

4.body元素（文档体）

a.文档体，网页中所有的可见内容都放置在该元素内

b.body元素中可以包含大量的其他元素，定义文档的内容结构

绝对路径和相对路径

绝对路径：

书写格式：协议：//域名/目录

使用场景：a,访问站外场景时，只能使用绝对路径；b,访问站外资源时，若网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名

相对路径：

    是指相对于当前资源的位置，只能用于访问站内资源

书写格式： ./路径

    表示当前资源所在的目录，必须作为相对路径的开始，可省略

书写格式：.//路径

    表示返回上一级目录

转载于:https://www.cnblogs.com/WangHaiFen9/p/8848472.html