【小白教程】day02快速掌握HTML基本用法。

最新推荐文章于 2022-05-03 08:00:00 发布

ExcesiveYue

最新推荐文章于 2022-05-03 08:00:00 发布

阅读量184

点赞数

分类专栏： HTML小白教程文章标签： HTML标签

本文链接：https://blog.csdn.net/yutong5818/article/details/80703712

版权

8 篇文章 0 订阅

订阅专栏

由上篇文章，我们已经知道了如何编写HTML使它成功在浏览器运行。

其中一些基本的语法格式为

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

HTML 段落是通过标签 <p> 来定义的.

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

HTML 链接是通过标签 <a> 来定义的.

<a href="http://www.baidu.com">这是百度链接</a>

提示:在 href 属性中指定链接的地址。

点击链接即可到达百度。

HTML 图像
HTML 图像是通过标签 <img> 来定义的.

<img src="/images/logo.png" width="258" height="39" />

属性和属性值对大小写不敏感。

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

<hr> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

<!-- 这是一个注释 -->

在这里以火狐浏览器为例；

点击右上角个人选项->Web开发者->查看器

关注