html基础标签使用(1)

目录

文章目录

前言

一、使用基础的HTML标签

二、使用步骤

1.写一个简单的博客

2.输出运行结果

总结



前言

html第一个基础代码


提示:以下是本篇文章正文内容,下面案例可供参考

一、使用基础的HTML标签

超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。

HTML标签的大小写无关的,例如主体<body>跟<BODY>表示的意思是一样的,推荐使用小写。

HTML标签的使用特点:

  1. 由尖括号包围的关键词,比如 <html>

  2. 通常是成对出现的,比如 <div> 和 </div>

  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签;

  4. 开始和结束标签也被称为开放标签和闭合标签。

  5. 也有单独呈现的标签,如:<img src="百度百科.jpg" />等。

  6. 一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。

  7. 网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。

二、使用步骤

1.写一个简单的博客

代码如下(示例):

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <h1>论数学的重要性</h1><!--<h1-h6>改变字体大小依次变小-->
        <i>2020.7.18</i><!--<i>将文本斜体-->
        <hr><!--网页上出现水平线-->
        <p>aaaaaaaa</p><!--<p>段落标签-->
        <p>这个故事告诉我们一个道理<br><b>数学多么重要</b></p><!--<b>标签用于加粗字体-->
        <!--<br>标签可以进行换行,注意是单标签-->
        <br>今天&nbsp;&nbsp;&nbsp;&nbsp;天气真好<!--一个该标签表示一个空格-->
    </body>
</html> 

2.输出运行结果


总结

使用到的标签如下:

1.<!DOCTYPE html> 声明告诉这个浏览器要使用HTML5的标准来解析这个网页

2.<h1></h1>标题标签

<h1></h1>

<h2></h2>

......

<h6></h6>使字体大小依次减小

3.<i></i> 文字斜体

4.<hr> 出现一条水平线,注意是单标签!

5.<p></p> 段落标签,文字会独占一行

6.<br> 换行标签,注意是单标签!

7.<b> </b> 文字加粗

8.&nbsp; 一个标签使网页上显示一个空格

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值