html+css学习笔记

千面狐～

已于 2022-06-19 10:26:42 修改

阅读量973

点赞数 1

文章标签： html css 前端

于 2022-06-19 10:20:38 首次发布

本文链接：https://blog.csdn.net/hutongkoudemihu/article/details/125355201

版权

HTML+CSS+Javascript=网页HTML:Hyper Text Markup language 超文本标记语言；定义网页中有什么。CSS:Cascading Style Sheets 层叠样式表；定义网页中的东西长什么样子。MarkDown:MD 文档格式标准 [toc]可以加目录w3c万维网联盟，非盈利性的组织：w3c.org 为互联网提供各种标准XML可扩展的标记语言：extension markup lanuage,用于定义文档结构的。htmlHTML是W3C组织定义的语言标准。HT

摘要由CSDN通过智能技术生成

Day1

HTML+CSS+Javascript=网页
HTML:Hyper Text Markup language 超文本标记语言；定义网页中有什么。
CSS:Cascading Style Sheets 层叠样式表；定义网页中的东西长什么样子。
MarkDown:MD 文档格式标准 [toc]可以加目录
w3c
万维网联盟，非盈利性的组织：w3c.org 为互联网提供各种标准
XML
可扩展的标记语言：extension markup lanuage,用于定义文档结构的。
html
HTML是W3C组织定义的语言标准。HTML用于描述页面结构的语言。
MDN：Mozilla Development Network,Mozilla开发者社区。
CSS是W3C定义的语言标准：css是用于描述页面展示的语言。
css决定了页面长什么样子。
html、css->浏览器内核执行->页面
浏览器：
1. shell:外壳
2. core:内核（JS执行引擎、渲染引擎）
  IE:Trident
  Firfox:Gecko
  Safari:Webkit
  Chrome:Blink
  Opera:Blink
火狐浏览器Firefox
谷歌浏览器Chrome
苹果浏览器Safari
IE浏览器 Internet Explorer
Opera
XHTML:可以认为是HTML的一个版本，完全符合XML的标准。（以前的一个版本）
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LQgXofwg-1655605155410)(2021-10-06-22-07-33.png)]
整体：element(元素)
元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容 + 元素属性

属性 = 属性名 + 属性值

属性的分类：

-局部属性：某些元素特有的属性
-全局属性：所有元素通用

<meta charset="UTF-8">

有些元素没有结束标记，这样的元素叫做：空元素。

空元素的两种写法：

<meta charset="UTF-8">html5不必写/
<meta charset="UTF-8"/>
标准的文档结构
HTML：页面、html文档

<!DOCTYPE html>

文档声明，告诉浏览器，当前文档使用的HTML标准是HTML5。
不写文档声明，将导致浏览器进入怪异渲染模式。

<html lang="en">

根元素，一个页面最多只能一个，并且该元素是所有其他元素的父元素或祖先元素。

HTML5版本中没有强制要求书写该元素。

lang属性：language,全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。

中文

文档头，文档头内部的内容，不会显示到页面上。

文档的元数据：附加信息。

charset:指定网页内容编码。

计算机中，低电压（0_{2v）0,高电压(2}5v)1,表示2，使用10

计算机中只能存储数字

文字和数字进行对应

比如：a-97 A-64

改字典叫做字符编码表，GB2312，GBK

UTF-8 是 Unicode 编码的一个版本

<meta name="viewport" content="width=device-width, initial-scale=1.0">

适配手机端的

<body></body>

文档体，页面上所有要参与显示的元素，都应该放置到文档体。

所有元素与展示效果无关

元素展示到页面中的效果，应该由css决定

因为浏览器有默认的css样式，所以每个元素有一些默认样式。

选择什么元素，取决于内容的含义，而不是显示出的效果。

为什么需要语义化：

为了搜索引擎优化（SEO）

搜索引擎：百度、搜搜、Bing、Google

每隔一段时间，搜索引擎会从整个互联网中，抓取页面代码

ctrl+D 可以选中相同的单词

为了让浏览器理解网页

Day2

文本元素

HTML5中支持的元素：HTML5元素周期表
http://www.html5star.com/manual/html5label-meaning/

h 标题:head
h $KaTeX parse error: Expected '}', got 'EOF' at end of input: *6>{$ }

<h1>1标题</h1>
<h2>2标题</h2>
<h3>3标题</h3>
<h4>4标题</h4>
<h5>5标题</h5>
<h6>6标题</h6>

p 段落

ctrl+Enter 在句中时可以直接切到下一行
ctrl+shift+Enter 在句中时可以直接切到上一行

乱数假文，没有任何实际含义的文字
p6>lorem 会生成一

最低0.47元/天解锁文章

千面狐～

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
6
评论
html+css学习笔记

HTML+CSS+Javascript=网页HTML:Hyper Text Markup language 超文本标记语言；定义网页中有什么。CSS:Cascading Style Sheets 层叠样式表；定义网页中的东西长什么样子。MarkDown:MD 文档格式标准 [toc]可以加目录w3c万维网联盟，非盈利性的组织：w3c.org 为互联网提供各种标准XML可扩展的标记语言：extension markup lanuage,用于定义文档结构的。htmlHTML是W3C组织定义的语言标准。HT
复制链接

扫一扫