前端学习笔记<2>

前端学习笔记<2>

一、HTML语法规范

基本语法概述

(1)HTML标签是由尖括号包围的关键词;

(2)HTML标签通常是成对出现的,成为双标签,标签中第一个为开始标签,第二个为结束标签。双标签可以分包含关系与并列关系;

(3)有些特殊的标签必须是单个标签,例如<br/>,称为单标签

二、HTML常用标签

1.标题标签

为了使网页具有语义化,在页面中要使用标题标签,HTML提供了6个等级的网页标题,<h6>-<h6>即head的缩写,意为头部、标题标签语义

<h1>我是一级标题</h1>
特点:

1.标题标签依据重要性递减,即一级标题比二级标题重要,字体更大,以此类推到六级标签
2.一个标题独占一行

口诀记忆:

标题一共六级选
文字加粗一行显
由小到大依次减
从重到轻随之变

html语言:
在这里插入图片描述

预览效果:

在这里插入图片描述

2.段落标签

在网页中,要把文字有条理地显示出来,就需要这些文字分段显示,在HTML标签中<p>(即英文单词paragraph的缩写,意为段落)用于定义段落,它可以将整个网页分为若干个段落

<p>我是一个段落标签</p>

标签语义:可以把HTML文档分割为若干段落

特点:

1.文本在一个段落中会根据浏览器窗口的大小自动切换
2.段落和段落之间保有空隙

若不加段落标签:
在这里插入图片描述

在这里插入图片描述

加上段落标签:
在这里插入图片描述

在这里插入图片描述
加入段落标签后段落之间有间距,网页文本内容更加简洁明了

3.换行标签

在HTML中,一个段落的文字会从左到右依次排列,知直到浏览器的右端才会自动换行,如果希望某段文本强制换行显示,就需要换行标签
(即英文单词break的缩写,意为打断,换行)

标签语义:强制换行

特点:
1.<br/>是一个单标签
2.<br/>只是简单地开始新的一行,和段落不一样,段落中间会插入一些垂直的间距

在这里插入图片描述

在这里插入图片描述

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值