前端学习笔记之一:HTML的基础格式


  1.html主要由3部分组成

  •        html标签,也称根标签,所有的内容都写在html标签里,一个页面有且只能有一个根标签。以<html>标签开始,以</html>标签结束。        
  •        head标签,也称头部标签,帮助浏览器解析页面,这里面的内容不会被浏览器解析到页面中。头部以<head>标签开始,以</head>标签结束。
  •        body标签,是书写网页的主题内容,内容会被解析到页面中,也就是用户所看到的内容。

基本代码示例:

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

可运行的代码示例:

<!DOCTYPE html>
<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>

其中:

<!DOCTYPE html> 是声明格式为HTML

2. HTML标签种类

标签
HTML标签中,有双标签和单标签两种。其中,单标签由一个标签组成;双标签由“开始标签”和“结束标签”组成。
标签的特点:

  • 所有的标签都需使用<>
  • 所有的属性都需要在标签名字之后,且需要空格
  • 属性和属性值之间用等号连接
  • 属性值需要用双引号连接
  • 每一组属性和属性值都需要用空格连接
  • 双标签必须带‘/’

下面对两类标签进行分类

参考文章:

html单标签和双标签汇总_html单标签有哪些-CSDN博客

3. 属性

html属性是html元素提供的附加信息,也就是指各个标签所具有的属性;html标签可以拥有属性,并且属性提供了有关html元素的更多的信息。

例如:

属性实例
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:

<a href="http://www.xxx.com.cn">This is a link</a>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值