HTML：常用标签

一杯清酒.

已于 2022-07-14 21:41:39 修改

阅读量164

点赞数

分类专栏： HTML 文章标签： html 前端

于 2022-05-10 20:26:15 首次发布

本文链接：https://blog.csdn.net/qq_45827004/article/details/124694594

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一，标签的分类

二，web标准的构成

三，常用标签

一，标签的分类

双标签：既有开始标签也有结束标签,如<html></html>,<body></body>。

单标签：自闭和，/在后面。如<br/>。

二，web标准的构成

主要包括结构（HTML）、表现（CSS）和行为（JavaScript）。

三，常用标签

1.标题

通过 <h1> - <h6> 等标签进行定义的。双标签

2.段落

通过 <p> 标签进行定义的。双标签

3.链接

通过 <a> 标签进行定义的。
示例：<a href="http://www.w3school.com.cn">This is a link</a>
在 href 属性中指定链接的地址。

锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.

<a href="#test">test</a>
<a id="test">描述test</a>

4.图片

<img src="url"/>  单标签

5.换行

<br/>  单标签

6.线，水平线

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

hr 元素可用于分隔内容

7.注释

8.表格

表格由 <table> 标签来定义。行:<tr> 标签，每行被分为若干单元格:<td> 标签。
字母 td 指表格数据（table data），即数据单元格的内容。

cellspacing="0"：一般设置为0，意义是单元格与外边框的距离 
cellpadding="10"：内容与其边框的距离大小

9.无序列表

  <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

10.有序列表

    <ol>
        <li></li>
        <li></li>
    </ol>

11.定义列表

   <dl>
        <dt>
            <dd></dd>
            <dd></dd>
        </dt>
        <dt>
            <dd></dd>
            <dd></dd>
        </dt>
    </dl>
//dd里面的内容都是解释dt中的内容的

12.表单标签

<input type="value">，value的值决定了表单标签的种类，如value为text，
则为文本框；radio则是单选。。。。。。。。。。

13.选择列表，下拉菜单

 <select>
      <option value="1">1</option>
      <option value="3">4</option>
      <option value="2">2</option>
      <option value="5" selected>5</option>
    </select>
//value是值是真实的值，而<>后面的只是显示。
//selected：默认选中

14.关于三种路径的区别

../ 上级路径

./ 同级路径(实际情况下可以省略)

/ 根路径

15.label标签：点击文本，光标自动对准id相同的表单元素上面。

<label for="sex">男</label>
<input type="radio" id="sex"></inout>

一杯清酒.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录