前端第一节笔记

打开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繁体中文,港澳台等用 -->


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值