HTML的一些常见元素

最新推荐文章于 2022-06-17 10:02:51 发布

C'z x

最新推荐文章于 2022-06-17 10:02:51 发布

阅读量810

点赞数

文章标签： html html5 css

本文链接：https://blog.csdn.net/m0_52012606/article/details/120501737

版权

什么是HTML？

HTML:Hyper Text Markup Language(超文本编辑语言)

由大量标签组成，每一个标签都又开始标签和结束标签。

HTML的标签都是成对存在，ps：独目标记如：<br>：换行符;<hr>行线；

<标签>

<标签属性名="属性值" 属性名="属性值">

</标签>

HTML通用属性

id：用于HTML元素指定唯一标识，当程序使用JavaScript编程时即可通过属性名值来获取该HTML元素。

style：用于为HTML元素指定CSS样式。

class：用于匹配CSS样式的class选择器。

HTML基本结构

HTML由网页的头部和网页的身体组成。如下

<html>
    <head>
        <title>这是我的第一篇博客</title>
    </head>
    <body>
      这是内容。
    </body>
</html>

一些常见的元素

块级元素

特征：独占一行，对高度宽度支持。如：div元素,p元素 ps：p元素之间有空隙。

h、p、div、hr、pre、html、body
blockquote、address、form
ul、ol
dl、dd、dt
fieldset、legend
optgroup、option

<div style="background:red;width:100px;height:100px;">dia1</div>
<div style="background:red;width:100px;height:100px;">dia2</div>
<div style="background:red;width:100px;height:100px;">dia3</div>
<p>p1</p>
<p>p2</p>
<p>p3</p>
<p>p4</p>

标题元素

<h#></h#>;#的值为1-6分别对应标题一到标题六；h1-h6是块级元素，是竖着布局，之间有空隙，一般作为点缀使用，不作为主要布局元素。

<h1>qcby</h1>
<h2>qcby</h2>
<h3>qcby</h3>
<h4>qcby</h4>
<h5>qcby</h5>
<h6>qcby</h6>

列表元素

1.无序列表（常用的）

<ul>
    <li>倾城</li>
    <li>倾城</li>
    <li>倾城</li

最低0.47元/天解锁文章

C'z x

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML的一些常见元素

什么是HTML？HTML:Hyper Text Markup Language(超文本编辑语言)由大量标签组成，每一个标签都又开始标签和结束标签。HTML的标签都是成对存在，ps：独目标记如：<br>：换行符;<hr>行线；<标签><标签><标签属性名="属性值" 属性名="属性值"></标签></...
复制链接

扫一扫