2022.9.15

嗨嗨嗨,这是自学前端萌新的俺第一天的笔记总结

创建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标签不能嵌套块级元素

好啦好啦就写这点

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值