html常见标签介绍_常见html标签有哪些-CSDN博客

本文链接：https://blog.csdn.net/m0_52021758/article/details/112916628

本文详细介绍了HTML5中的结构标签和常用标签，包括`<html>`, `<head>`, `<title>`, `<body>`, `<DOCTYPE>`, `lang`属性, `charset`以及文本格式化、布局、图像、超链接、表格、列表和表单相关标签的用法，旨在帮助读者理解和掌握HTML的基础语法。" 135308372,18043917,Python文件与目录操作指南：os、pathlib、time、logging及正则表达式,"['python', '正则表达式', 'os', 'pathlib', 'logging']

摘要由CSDN通过智能技术生成

html常见标签介绍

结构标签

1:<html></html> | 开始、结束标签（一般称为根标签），所有的html标签都要包含在这对内

2：<head>|</head> | 头部标签，在这个标签中我们主要设置网页的标题，也就是<title>

3：<title></title> | 标题标签，让网页有自己的名字

4：<body></body> | 主体标签，网页的所有的基本内容都是放在这个标签内的

5：<!DOCTYPE> | 文档类型申明标签，告诉浏览器我们使用的是那个版本的HTML,必须写在文档的第一行

6.lang |<html>标签内的一个属性，告诉文档我要显示的是什么语言；“en”表示英语，“zh-CN”表示中文。

7：<meta charset=" "> |字符集设置标签，告诉编译器我们使用的是什么字符，通常为“UTF-8”;若无此标签，则HTML文档无法正常显示，会造成乱码

常用标签

1.标题标签：<h1>--<h6> 用于设置标题，标题标签通常会使字体加黑并且单独占一行

2.段落标签：<p></p> 用于将文字分段，并且分段后段落和段落之间会有较大的空隙

3.换行标签：</br> 这是一个单标签，可以将文字在浏览器的下一行显示，若无此标签，浏览器则会按自己的默认设置显示一行，当此行的位置显示完再换行

4.文本格式化标签：<strong>、<b>加粗字体；<em>、<i>倾斜字体；<del>、<s>删除线；<ins>、<u>下划线标签

5.布局标签: <div>行级标签，用此标签后，则此行只能显示div标记的内容；<span>块级标签，一行可以有多个块，所有可以有多个span

6.图像标签：<img src="图像的路径">用此标签可以在网页中插入图片，其中src是必不可少的属性，用于指定图像的路径，除此之外，图像标签还有alt(替换文本，当图像不能显示时显示文本）、title(提示文本，当鼠标放在图片是时会有提示文字）、width、height(设置图片的长宽）等属性

7.超链接标签：<a href=" ">：用于跳转网页

8.表格标签：

                     <table> //用来定义表格的标签
                         <tr> //用来定义表格中行的标签，一个表格可以有多行，所有可以有多个tr
                  
                              <td> </td> ......<td> </td> //用于定义行中的单元格，一行内可以
                                                            有多个单元格
                          </tr>
                      </table>

9.列表标签：a.无序列表：

                        <ul>
                          <li> 列表项1</li>
                           .........
                          <li>列表项n</li>
                        </ul>

b.有序列表：

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

c.自定义列表：

                <dl>
                    <dt> 主体1</dt>
                    <dd>主体1解释1 </dd>
                    	........
                     <dd>主体1解释n</dd>
                    .......
                   <dt> 主体n</dt>
                      <dd>主体n解释1</dd>
                      .......
                    <dd>主体n解释n</dd>
                </dt>    
                //dd和dt是并列关系，但dd是对dt的一种解释

10.表单标签
a.表单域：

 <form action=" url地址" method="提交方式” name="表单域名称“>
 </form>

b.表单控件
1.input输入表单元素

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

2.select下拉表单元素

   <select>
      <option> 选项1</option>
      ........
      <option>选项n</option>
  </select>

3.textarea文本域元素

 <textarea cols=" " rows=" "> </textarea>