前端三剑客 HTML、CSS、JavaScript 入门到上手

本文详细介绍了前端开发的基础知识,包括HTML的常见标签、CSS的引入方式和常用属性以及JavaScript的基本语法,如变量、数据类型、运算符、条件语句、循环、函数以及数组的操作。此外,还讲解了HTML与CSS、JavaScript的关系,以及它们在页面显示和交互中的作用。
摘要由CSDN通过智能技术生成

前端三剑客

1. HTML基础使用

HTML:超文本标记语言,是一种用于创建网页的标准标记语言。

  1. HTML 代码是由 “标签” 构成的
  2. 整体的 HTML 代码是由一对 <html> </html> 包裹的
  3. <head> </head> 标签是页面的头部,标签中写页面的属性
  4. <body> </body> 标签是页面的主体,标签中写的是页面显示的内容
  5. <title> </title> 标签中写的是页面的标题

1.1 HTML 入门实例

<html>
    <head>
        <title>第?个??</title>
    </head>
    <body>
       hello world
    </body>
</html>

在这里插入图片描述
这三个标签组成了一个html的主体,也是一个最简单的页面。每个标签,都分成了开始标签和结束标签,是成对出现的,标签之间可以嵌套。

整体这些标签就构成了一个 树形 结构,称为 DOM 树(DOM Document Objective Model 文档对象模型)

  1. 生成一个默认的页面模板: 输入 !, 并且按 tab,就可以生成一组默认的页面模板。
    在这里插入图片描述
    解释一下这个模板:
    <!DOCTYPE html> : 这一行是声明了文档类型,描述了当前文件是 html 文件
    <html lang="en"> : 表示当前网页使用的语言是 english。 这里标记了语言也是方便了浏览器自带的翻译功能进行识别
    <head>标签里面放的内容主要是页面的一些属性,和页面展示的内容没有太大关系。<meta charset="UTF-8">声明我们这个页面的字符编码是
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值