嗨嗨嗨,这是自学前端萌新的俺第一天的笔记总结
创建html 页面用: html:5 + 回车 或者直接 !+回车
5大浏览器: 渲染引擎其实就是内核 V8
IE、谷歌、火狐、欧朋、苹果
IE:Trident (内核) 微软 1995年 【Trident 三叉戟的意思】
谷歌: webkit (内核) 谷歌 【webkit 引擎的意思】
火狐:firefox (英文名) Gecko(内核) 【Gecko 壁虎的意思】
欧朋: opera (英文名) blink(内核)以前内核是:presto【blink 眨眼的意思】
苹果: safari(英文名) webkit(内核)
双内核: 360 ie+谷歌
张三问:“html是啥子”
我告诉你说这个是超文本标记语言 英格力士叫:Hyper Text Mark-up language
李四说:“标记语言是啥子”
我告诉你说这个是由一套标记标签组成的,标记是构成网页的基本单位,
标签:由尖括号括起来的关键词 分为双标签跟单标签,注释快捷键是 ctrl+ / 或者 alt+shift+A
李四接着说:“那你能教我怎么写html不”
我说:你话咋这么密呢?狗东西!你死,你噶!
<!DOCTYPE html> DOCTYPE是声明语句
<html lang="en"> lang定义当前文档显示的文本语言 en是english,英语语言
也可改中文 “ ” 中文
<head>
<meta charset="UTF-8"> meta单标签 信息标签 charset 文档字符集 UTF-8万国码
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 浏览器内核
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 移动端适配
<title>Document</title> title 定义网页的标题
</head>
双标签有头有尾,单标签不用管
<html>
<head></head>
<body></body>
</html>
父子关系---嵌套关系
兄弟关系--并列关系
今天又学习了五种标签
div标签 : 双标签 块级标签 意义是搭建网页结构的基本标签,像是个盒子,是无语意标签
特性:.可独立成行 2.宽度默认撑满整个父元素 3.高度默认内容撑开
h系列标签:标题标签 1~6 字体越来越大 还加粗
1. 宽度默认撑满整个父元素 2. 高度默认由内容撑开 3. 独立成行
4. 自带外间距 5. 字体自带加粗效果
使用场景:1. 文章的标题,内容的标题章节 2. logo 3.产品的标题
p标签:段落标签
1. 宽度默认撑满整个父元素 2. 高度默认由内容撑开 3. 独立成行 4. 自带外间距
hr标签 : 就是个文本分割线
图像标签:<img src="里面写路径">
div标签 、p标签、h系列标签 共同点是
1. 宽度默认撑满整个父元素
2. 高度默认由内容撑开
3. 独立成行
对对对 ,p标签不能嵌套块级元素
好啦好啦就写这点