HTML 网页结构

文章介绍了网页开发中的核心技术——HTML负责定义网页结构,CSS用于设置样式,而JavaScript则处理用户交互。通过HTML标签如<h1>和<p>创建内容结构,并通过CSS和JavaScript增强视觉效果和交互体验。
摘要由CSDN通过智能技术生成

目录

HTML:定义了网页的结构和信息

CSS:定义网页的样式

JavaScript:定义用户和网页的交互逻辑


网页有三大技术要素:HTML、CSS、JavaScript

HTML:定义了网页的结构和信息

爬虫最主要的目的是获得信息,因此主要和HTML打交道

比如:

<!DOCTYPE HTML>(用来告诉浏览器,文件类型是HTML)

<head>
    <meta charset="UTF-8">(如果不加蓝色的这段会出现乱码)
    <title>Title</title>
</head>

<html>(起始标签,表示开始)

      <body>(表示文档的主体内容)

             <h1>这是一个标题</h1>(h1表示一级标题,也就是最大字号的标题)

              <p>这是一段文字这是一段文字这是一段文字</p>(p表示文本段落)

        <body>

</html>(闭合标签,表示结束)

每个被尖括号包围的都是一个HTML的标签

<html>,</html>和它们之间的内容可以被看作是一个HTML元素

html标签是HTML文档的根,因此其他所有元素都要放在<html>和</html>之间

h1和p都是body的子元素,且他们之间是兄弟元素,这对应了一个标题和一段文本的信息结构逻辑

检验html代码执行后的样子:把上述代码放入编辑器,用浏览器打开即可

CSS:定义网页的样式

JavaScript:定义用户和网页的交互逻辑

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值