前端学习笔记——前端入门

茵蒂克丝

  • 前端三件套
    HTML、CSS、JavaScript
    推荐编程工具VSCode
  • HTML基础(VSCode环境)
    HTML:超文本标记语言,不是一种编程语言!
    快速注释:ctr+/
    html基础结构:
<!DOCTYPE html>//文档的声明使用,告诉浏览器,该文档是HTML5文件

<html lang="en">//页面的根元素
<head>//用于存放文档元数据,元数据不被用户所见
    <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>//定义文档标题,便于被搜索引擎捕捉
</head>
<body>//文档的主要内容,页面渲染的就是这一部分
    
</body>
</html>
  • 标签(元素):
    HTML本质上是由各种标签所构成的,标签是由W3C提前制定好的一些针对HTML文档的标记符号,具有各自的含义,由<>括起来。
    标签通常成对出现,如<p>hello world</p>,即开始标签+内容+结束标签,但也有例外,比如<meta>标签。
    标签允许嵌套,但要符合嵌套标准标准。
  • 属性:
    额外的对标签进行描述的信息。格式为key=value或key,属性卸载开始标签里。
  • 实体字符
    一些特殊字符,无法被HTML所识别:多个空格,>,<等,只能通过字符编码书写。
    空格:&nbsp,小于:&lt,大于:&gt,版权符:&copy
  • 元素分类:

块元素(block):
1.具有布局特点,一般用于页面整体布局。
2.会独占父元素页面的一行。
3.块元素可以嵌套任何类型的元素。(p元素除外,不能再嵌套块元素)
4.块元素可以设置宽高,默认宽度取决于父元素宽度,默认高度取决于其内容高度。

行内元素(inline):
1.一般不会换行,只在一行排不下时换行。
2.不能设置宽高,宽高由内容决定。
3.一般不会嵌套块元素,而是嵌套文本或行内元素。

行内块元素(inline-block)
1.不会独占一行
2.可设置宽高

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值