HTML属性与标题

性是HTML元素提供的附国信息

HTML元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述于开始标签

属性总是以名称/值对应的形式出现，例如：name="value"

例，链接地址是href的属性

<a href="http://www.baidu.com">链接地址是href的属性</a>

HTML属性常用引用属性值

属性值应该始终被包含在引号内

双引号是常用的，单引号也没有问题，

如果属性值本身就包含了双引号，即么则必须引用单引号，例：name='John"ShotGun"Nelson'

HTML提示：使用小写属性

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

HTML属性参考

calss 为HMTL元素定义一个或多个名

id 定义元素的唯一id

style 规定元素的行内样式

title 描述元素的额外信息

HTML标题

HTML注释

类似于对代码进行备注，默认有两种试

1、

常用于一小段注释

2、//注释有时候不起作用，不知道为啥，知道的回复下啦

HTML提示，如何查看源代码

如果你想看，在网页中，单击右键，然后选择查看“源文件”或者醒看页面源代码即可；

于所有Web开发人员来说，无论你选择的是哪种框架或后端语言，都需要大量使用HTML（超文本标记语言）。

HTML标题标记

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>无标题文档</title>
    </head>
    
    <body>
        <h1>1级标题</h1>
  <h2>2级标题</h2>
  <h3>3级标题</h3>
  <h4>4级标题</h4>
  <h5>5级标题</h5>
  <h6>6级标题</h6>
    </body>
</html>12345678910111213141516复制代码类型：[html]

图示

h的级别越小文字大小越小。

当然了，这些文字标题都是左对齐的。

其实在标题标记中还有重要的属性！详情见文章------

我们可以给<h1>，<h2>......等标记加属性值让其变得更加多样化！

代码

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>无标题文档</title>
    </head>
    
    <body>
        <h1 align="center">1级标题</h1>
        <h2 align="left">2级标题</h2>
        <h3 align="right">3级标题</h3>
        <h4 align="justify">4级标题</h4>
        <h5 align="right">5级标题</h5>
        <h6 align="center">6级标题</h6>
    </body>
</html>12345678910111213141516复制代码类型：[html]

图示

align标记在----文章已经有些许叙述，我们再来讲讲吧。

<h1 align="center"></h1> <!--居中-->
<h2 align="left"</h2> <!--左对齐-->
<h3 align="right"></h3> <!--右对齐-->
<h4 align="justify"></h4><!--段落两端对齐-->1234复制代码类型：[html]

所以图示才是如此显示的。

开课吧广场-人才学习交流平台

TML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML基础教程：元素属性标题段落

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

实例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

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

注释：在 href 属性中指定链接的地址。

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<img src="aaaa.jpg" width="104" height="142" />

<p> 元素：

<p>This is my first paragraph.</p>

这个 <p> 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。

元素内容是：This is my first paragraph。

<body> 元素：

<body>
<p>This is my first paragraph.</p>
</body>

<body> 元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

<html> 元素：

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。

元素内容是另一个 HTML 元素（body 元素）。

HTML 水平线

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

hr 元素可用于分隔内容。

实例

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

提示：使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。HTML 注释

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

注释是这样写的：

实例

<!-- This is a comment -->

注释：开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。

提示：合理地使用注释可以对未来的代码编辑工作产生帮助。HTML 折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：

在线咨询

上一篇：（基础）HTML文档结构知识点讲解
下一篇：vue中:class和:style 怎么用，有什么区别

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商