Web前端笔记1:HTML基本骨架标签、段落换行水平线标签、文本标签

 一、 什么是HTML

        HTML是用来描述网页的一种语言,被称为超文本标记语言

1.1 HTML语法规范

(1)HTML标签是用一对尖括号"<"和">"括起来的单词或单词缩写

(2)大多数标签都是成对出现的,由开始标签和结束标签组成,其格式为:

<标签>受标签影响的内容</标签>

(3)标签中也有不用</标签>结尾的,例如换行标签<br>

1.2 HTML基本骨架标签

HTML5骨架结构为: 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>网页标题</title>
</head>
<body>
    网页主体的内容
</body>
</html>

注:一般HTML文档中打出英文的感叹号,再按回车键可直接出现骨架结构。

1.3 段落、换行、水平线标签

段落:<p>文字</p>

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

换行:<br>

注:两个换行标签相当于一个段落标签。

<!DOCTYPE html>
<html>
<head>
    <title>br换行标签</title>
</head>
<body>
    <h2>联系方式</h2>
    QQ:12345678<br>
    微信:87654321<br><br>
    电话:66668888<br>
    联系人:张三
</body>
</html>

运行结果如下 

联系方式
QQ:12345678
微信:87654321

电话:66668888
联系人:张三

水平线:<hr>

<hr>标签常用属性

属性描述

align

水平线对齐方式,有三种选择(left,right,center),默认center
size水平线粗细,默认2像素
color水平线颜色
width水平线宽度,默认100%
<hr align="left|right|center" size="横线粗细" width="横线长度" color="横线颜色">

1.4 文本标签

        编辑文本常用的标签:加粗、倾斜、删除线、下划线、标题

<!DOCTYPE html>
<html>
<head>
    <title>标签</title>
</head>
<body>
    <p align="center"><b> 我是粗体文本 </b></p>
    <p align="center"><strong> 我也是粗体文本 </strong></p>

    <p align="center"><i> 我是斜体文本 </i></p>
    <p align="center"><em> 我也是斜体文本 </em></p>

    <p align="center"><s> 我是加删除线文本 </s></p>
    <p align="center"><del> 我也是加删除线文本 </del></p>

    <p align="center"><u> 我是加下划线文本 </u></p>
    <p align="center"><ins> 我也是加下划线文本 </ins></p>
</body>
</html> 

运行代码如下:

 标题标签

    <h1> 一级标签 </h1>         
    <h2> 二级标签 </h2>
    <h3> 三级标签 </h3>
    <h4> 四级标签 </h4>
    <h5> 五级标签 </h5>
    <h6> 六级标签 </h6>

运行结果如下:

注:h&*6 可直接得出一~六级标签 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值