网页开发基础

day3 网页开发基础

网页结构

  1. 问题:网页是由什么构成的?
  • 答:网页是由HTML标签、CSS和JS代码构成的
  1. HTML标签就是网页的源代码

    • 三部分:
      • 结构:HTML
      • 样式:CSS
      • 动作:JavaScript
    • HTML:超文本标记语言
      • 超文本就是除了文本之外,还有图片、视频~~~
  2. HTML的标签都是有结构的

    <!DOCTYPE html>文档声明 指定网页的类型此方式表示使用的标准为H5。
    <html></html>:必须有HTML标签,只能有一对,被称为根元素
    <head></head>:网页的头部
    <body></body>:网页主体
    

元素和属性

知识点:

​ - 元素和属性

描述:

​ 元素:我们将网页中一个完整的标签称为元素,元素和标签是同义词

​ 比如:

<h1>称为h1标签或h1属性</h1>

​ 属性:

  1. 我们可以为每个标签设置属性

​ 例如:

<div id=''></div>
  1. 通过属性可以为标签添加附加信息

    ​ 例如:

<div id='box1'></div>
  1. 属性需要设置在开始的标签中,少设置在结束标签中
  2. 属性设置的语法:属性名=‘属性值’,属性值要加引号

常见的属性值:

  1. id
  2. class

注释

描述:对代码进行解释说明

	- 注释的内容不在页面中显示
	- 合理的注释可以帮助我们理解代码
	- 注释的语法:<!--   -->
	- 注释不能嵌套	

环境搭建(前端开发工具)

描述:

  • VSCode:微软的开发工具,免费
    • 插件:
      • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IPLX6KUw-1626258383934)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\1626253550399.png)]
  • webStorm:专业强,收费
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值