常见html 标签不包括表单标签

最新推荐文章于 2022-07-16 18:00:26 发布

我是漂亮的女程序员

最新推荐文章于 2022-07-16 18:00:26 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：面试

本文链接：https://blog.youkuaiyun.com/a520songhai/article/details/80925818

面试专栏收录该内容

54 篇文章

订阅专栏

本文介绍了HTML中的基础标签及其用途，包括段落<p>、标题<h1>到<h6>、链接<a>、图像<img>等，并展示了如何使用这些标签来构建网页的基本结构。

<span> 标签被用来组合文档中的行内元素。
<p> 标签定义段落。
<div>标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。
HTML 标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
    <a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像
HTML 图像是通过 <img> 标签进行定义的。
    <img src="w3school.jpg" width="104" height="142" />
<b> 标签规定粗体文本</b>
HTML <button> 标签
    <button type="button">Click Me!</button>
HTML <font> 标签
    <font size="3" color="red">This is some text!</font>
HTML <form> 标签
    <form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>
HTML <frame> 标签
    <html>

    <frameset cols="25%,50%,25%">
      <frame src="frame_a.htm" />
      <frame src="frame_b.htm" />
      <frame src="frame_c.htm" />
    </frameset>

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

<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）
HTML <input> 标签
    <form action="form_action.asp" method="get">
      First name: <input type="text" name="fname" />
      Last name: <input type="text" name="lname" />
      <input type="submit" value="Submit" />
    </form>
HTML <li> 标签    
<html>
<body>

<p>有序列表：</p>
<ol>
  <li>打开冰箱门</li>
  <li>把大象放进去</li>
  <li>关上冰箱门</li>
</ol>

<p>无序列表：</p>
<ul>
  <li>雪碧</li>
  <li>可乐</li>
  <li>凉茶</li>
</ul>

</body>
</html>