我不想做webgl1：html5的记录

最新推荐文章于 2024-10-07 20:56:37 发布

陈傻鱼

最新推荐文章于 2024-10-07 20:56:37 发布

阅读量77

点赞数

分类专栏： WEBGL笔记文章标签： webgl html5 前端

本文链接：https://blog.csdn.net/qq_45113070/article/details/111150589

版权

WEBGL笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

参考链接：https://blog.csdn.net/m0_51326276/article/details/110849945 link.
这是一篇根据上面链接的内容，所写的学习笔记。

基础知识

网页是☞网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读网页是构成网站的基本元素，通常有图片、链接、文字、声音、视频等元素组成，通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件
2.HTML： HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言,HTML不是一种编程语言，而是一种标记语言(markup language).
网页形成: 是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的,前端人员开发代码→浏览器显示代码（解析、渲染）→生成最后的Web页面
webgl的标准：
结构用于对网页元素进行整理和分类，现阶段主要学的是HTML
表现用于设置网页元素的版式、颜色、大小等外观样式，主要指CSS
行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript
web标准提出的最佳体验方案：结构、样式相分离
简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中
相比较而言，三者中结构最重要

HTML标签

基本语法

1.所有的标签都在尖括号<>里面
2.大部分标签都是成对出现的:双标签

<html >
</html>

也有极少的个例：单标签不需要结束标签

<br/>

标签关系

包含关系

指的是一个标签包含另外一个标签

<head>
    <title></title>
<head>

并列关系

两个标签相互并列

<head></head>
<body></body>

HTML基本结构标签

每个网页都会有一个基本的结构标签(骨架标签)，页面内容也是在这些基本标签上书写
HTML页面也成为HTML文档
HTML文档的后缀名必须是.html或.htm ，浏览器的作用是读取HTML文档，并以网页的形式显示它们

<html>   #HTML标签   页面中最大的标签，称之为根标签
  <head>   #文档的头部  注意在head标签中我们必须要设置的标签是title
      <title>我的第一个页面</title>  #文档的标题，让页面有一个属于自己的网页标题
  </head>
  <body>   #文档的主题  元素包含文档的所有内容，页面内容 基本都是放在body里面的
       键盘敲烂 月薪过万
 </body>
</html>

<!DOCTYPE>标签→文档类型声明标签

作用是告诉浏览器使用哪种HTML版本来显示页面
位置放在整个代码的最前面的位置，处于标签之前。

不是一个HTML标签，它就是文档类型声明标签

<!DOCTYPE html>  #当前页面采取的是HTML5版本来显示页面

lang语言 →标记语言

用来定义当前文档显示的语言：
1.en定义语言为英语
2.zh-CN定义语言为中文 →定义为en就是英文网页，定义为zh-CN就是中文网页
3.对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文

<html lang="en">

字符集

字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字
在标签内，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码

<meta charset="UTF-8"/>  
#charset常用的值有：GB2312、BIG5和UTF-8，其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符

HTML常用标签

标题标签< h1>-< h6> (重要)

标题语义：单词head的缩写，意为头部、标题；作为标题使用，并且依据重要性递减
为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML提供了六个等级的网页标题即< h1>-< h6> → 是一个双标签→在内输入
特点：
加了标题的文字会变得加粗，字号也会依次变大
一个标题独占一行

<h1>我是一级标题</h1>

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>我的第一个页面</title>
</head>
<body>
   <h1>标题标签</h1>
   <h1>标题一共六级选</h1>
   <h2>文字加粗一行显</h2>
   <h3>由小到大依次减</h3>
   <h4>从重到轻随之变</h4>
   <h5>语法规范书写后</h5>
   <h6>具体效果刷新见</h6>
   </body>
</html>