前端第一节笔记

最新推荐文章于 2024-09-02 12:54:06 发布

Wabisabi_yue

最新推荐文章于 2024-09-02 12:54:06 发布

阅读量115

点赞数

文章标签：前端 javascript safari

本文链接：https://blog.csdn.net/Wabisabi_yue/article/details/125750026

版权

打开html文档结构

1.输入英文状态下的！回车

2.输入html:5 回车

对web来说：

浏览器：读取html文件，把其以网页的形式来显示

内核：渲染引擎，对网页进行语法解析及渲染网页

五大浏览器及内核

ie 谷歌苹果火狐欧朋

1.谷歌浏览器 Chrome

内核：webkit ---blink

2.火狐浏览器 Firefox

内核：gecko

3.欧朋浏览器 opera

内核：presto -- blink

生产商：挪威欧普拉软件公司

4.苹果浏览器 Safari

内核：webkit

生产商：苹果公司

5.IE浏览器

内核：trident

生产商：微软公司 Microsoft

解释说明代码，注释不会出现在网页中

html注释 ctrl + /

shift +alt +a 单行注释，可以在代码的一行之后写注释

什么是html?

结构层，超文本标记语言

HyperText Mark-up Language

H:Hyper 超级

T:text 文本

M:Mark-up 标记

L：Language 语言

网页通过html标签对网页中文本，图片、音频等等进行描述

超文本:不仅包括文本，而且还包括图片、音频等

标签：

构建网页的基本单位

由尖脚号< 括起来的关键词

单标签只有开始标签只有一个标签 <img src="" alt=""> <img src="" alt="" />

双标签由开始标签和结束标签组成

开始标签：<div>

结束标签：</div>

元素标签及内容的整体 <p>大家中午吃的什么</p>

标签的属性：

要写在开始标签中

属性由: 属性名和属性值组成

属性名与属性值由=号相连

多个属性由空格隔开

属性值要用引号包着

例如

src="./images/moluoge_03.jpg"

属性名：src

属性值：./images/moluoge_03.jpg

-->

<!DOCTYPE html>

它不是标签，是声明语句

作用：告诉浏览器该文档的版本信息，用那种语法来解析文档*

!DOCTYPE html ：用html5的语法来解析该文档

必须放在第一行

双标签

网页的根标签

定义整个html文档，里面包含head和body标签

lang属性

- 作用：定义当前文档显示文字的语言

- 语法：lang=“en”

(lang是language的简写)

- 取值:

en定义语言为英语

zh-CN定义语言为中文

双标签

网页的头部信息

引入外链css和外链js

内部样式css也写在head标签中，用style标签对包着

head里标签的内容不会显示到网页中

定义文档的头部，包含文档的标题（title），可以包含文档脚本（script），样式（style），meta信息以及更多的其他信息。

<!-- 文档字符集字符集(Character set)是多个字符的集合，便于计算机识别和存储各种文字。在<head>标签内,通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。 charset属性:设置编码方式 UTF-8：万国码，通用性较好 (2)常用的字符集

- UTF-8被称为万国码，包含全世界所有国家需要用到的字符
    - GB2312简单中文，包括6763个汉字
    - GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312
    - BIG5繁体中文，港澳台等用 -->

Wabisabi_yue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端第一节笔记

打开html文档结构1.输入英文状态下的！回车2.输入html:5 回车对web来说：浏览器：读取html文件，把其以网页的形式来显示内核：渲染引擎，对网页进行语法解析及渲染网页五大浏览器及内核ie 谷歌苹果火狐欧朋1.谷歌浏览器 Chrome内核：webkit ---blink2.火狐浏览器 Firefox内核：gecko3.欧朋浏览器 opera内核：presto -- blink生产商：挪威欧普拉软件公司4.苹果浏览器 Safari内核：webkit生产商：苹果公司5.IE浏览器内核：tride
复制链接

扫一扫