前端基础之HTML+CSS

tips:惨,一个月没写网页了,感觉好像忘了好多东西,写个博客压压惊!

先写一个最简单的网页,桌面右键新建一个文本文档,修改后缀名为html,妥了,网页建好了!是不是很简单!想要显示内容?简单,在新建的文本文档中输入Hello Word,再改后缀名,是不是有了!是不是很神奇!

当然,这不能算是一个网页,网页是一个包含HTML标签的纯文本文件,那么这个文件它包含HTML标签吗,如果你用网页编辑器打开它你就会发现它没有任何的HTML标签。

一、HTML常用标签

1、构建一个网页的基础标签

所有的网页都会包含三对标签:<html></html><head></head><body></body> 

<html>
    <head>
    </head>
    <body>
    </body>
</html>

其中<html></html>是网页的跟标签,网页所有的内容都必须写在这一对标签之中,除了文档声明<!DOCTYPE html>,如果把html当作是一个整体,那么它就分成两个部分,head以及body。

head,译为头部,在这个部分写的是网页的标题,网页引用的脚本、样式、元信息等内容。

body,译为身体,在这个部分写的是网页的主体内容,所有呈现在你眼前的静态内容都写在这个部分。

2、<head>标签中的内容(常用)

<head>是双标签,定义在文档的头部,描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

  • <meta>是单标签,该标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
  • <title>是双标签,该标签定义文档的标题,浏览器将其显示在网页的标题栏或状态栏上。
  • <link>是单标签,该标签定义文档与外部资源的关系,通常用来引用外部样式表。
  • <style>是双标签,该标签用于为 HTML 文档定义样式信息。
  • <script>是双标签,该标签用于定义客户端脚本,比如 JavaScript,可以通过 src 属性指向外部脚本文件。

3、<body>标签中的内容(常用)

<body>是双标签,

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值