html常用标签

生活低手

于 2022-01-03 22:20:01 发布

阅读量272

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_56469079/article/details/122285605

版权

笔记专栏收录该内容

24 篇文章 0 订阅

订阅专栏

本文介绍了HTML的基本元素，如标题、段落、换行、按钮、字体样式等，并展示了如何使用CSS进行布局、颜色和字体设置。通过创建无序和有序列表、超链接以及表格，讲解了页面内容的组织方式。还涵盖了表单元素，如输入框、文本区域、下拉菜单，以及如何使用

和

标签进行页面分区和文本控制。此外，还讨论了图像的插入以及如何通过标签创建链接。

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

<title>csdn</title>                    <!--设置浏览器标题为csdn-->

<br/>                                    <!-- 换行-->

<hr/>                                                <!--添加水平线-->

<b>文字</b>                                <!--文字加粗-->

<button>按钮</button>                                    <!--添加按钮-->

<font face="宋体" color="red" size="4">文字</font>       <!--修改文字字体颜色大小-->

<ul type="none">                                           <!--创建无序列表-->
    <li>文字1</li>                                   <!--列表中的数据-->
    <li>文字2</li>
</ul>


<ol>                                             <!--创建有序列表-->
    <li>文字1</li>                                 <!--列表中的数据-->
    <li>文字2</li>
</ol>

<a href="http://www.baidu.com">百度</a>             <!--添加百度超链接-->

<h1 align="center/left/right">标题</h1>     <!--创建标题居中/左对齐/右对齐，h1最大h6最小-->
<h2>标题</h2>                                            
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

<table>                                    <!--建表 两行两列-->
    <tr>                                   <!--行-->
        <th></th>                          <!--该行的列，th为表头标签，文字加粗居中-->
        <th></th>
    </tr>
    <tr>
        <td></td>                          
        <td></td>
    </tr>
</table>

<form>                <!--创建表单-->
    <input type = "text/radio/password/checkbox/reset/submit"/>   <!--文字/单选/密码/多选/重置/提交-->
    <textarea>默认值</textarea>
    <select>                                    <!--下拉列表-->
        <option>选项1</option>                   <!--列表中的选项-->
        <option>选项2</option>
    </select>
</form>

<div>文字</div>                <!--文字独占一行-->

<p>文字</p>            <!--文字上下空一行，空行了则不空-->

<img src = "图片路径" />      <!--显示图片-->