HTML常用标签

最新推荐文章于 2024-12-15 01:33:55 发布
原创 最新推荐文章于 2024-12-15 01:33:55 发布 · 266 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了HTML的基本元素及其使用方法，包括标题、段落、列表、表格、表单等，并提供了丰富的示例。此外还涉及了链接、图片等常用元素的属性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

源码：

<html>
  <head>
    <title>Html 页面</title>
  </head>
  <body>
   <center>
    <b>
    黄鹤楼送孟浩然之广陵
    </b>
    <br>
    故人西辞黄鹤楼，烟花三月下扬州。</br>
    孤帆远影碧空尽，唯见长江天际流。
  </center>
    <p>
      段落是个不错的文章形式哦。
    </p>
    <h1>一号标题</h1>
    <h2>二号标题</h2>
    <h3>三号标题</h3>
    <h4>四号标题</h4>
    <h5>五号标题</h5>
    <h6>六号标题</h6>
    **无序列表**
    <ul>
     <li>张三</li>
     <li>李四</li>
     <li>王五</li>
     <li>赵六</li>
    </ul>
    **有序列表**
    <ol>
     <li>阿里巴巴</li>
     <li>腾讯</li>
     <li>百度</li>
     <li>美团</li>
    </ol>
    <center>
     **表格**
     <table  bgcolor="#00ff00" width="318" hetght="167" border="1" align="center">
      **表格标题
      <caption>学生考试成绩单</caption>
      <tr> **代表行**
       <td align="center" valign="middle">姓名</td>  **代表列**
       <td align="center" valign="middle">语文</td>
       <td align="center" valign="middle">数学</td>
       <td align="center" valign="middle">英语</td>
      </tr>
      <tr>
       <td align="center" valign="middle">张三</td>
       <td align="center" valign="middle">23</td>
       <td align="center" valign="middle">15</td>
       <td align="center" valign="middle">50</td>
      </tr>
      <tr>
       <td align="center" valign="middle">李四</td>
       <td align="center" valign="middle">100</td>
       <td align="center" valign="middle">100</td>
       <td align="center" valign="middle">100</td>
      </tr>
      <tr>
       <td align="center" valign="middle">王五</td>
       <td align="center" valign="middle">34</td>
       <td align="center" valign="middle">100</td>
       <td align="center" valign="middle">60</td>
      </tr>
     </table>
    </center>
    **form表单**
    <form action="" method="post" name="myform" >
    **input输入框**
    用户名：<input name="username" type="text" id="username4" maxlength="20"> <br>
    密码：<input name="pwd1" type="password" id="pwd14" maxlength="20" size="20"> </br>
    确认密码：<input name="pwd2" type="password" id="pwd25" maxlength="20" size="20"> </br>
    **单选**
    性别：<input name="sex" type="radio" class="noborder" value="男" checked> 男&nbsp;
          <input name="sex" type="radio" class="noborder" value="女"> 女 </br>
    **多选**
    爱好：<input name="like" type="checkbox" id="like" value="体育"> 体育
          <input name="like" type="checkbox" id="like" value="旅游"> 旅游
          <input name="like" type="checkbox" id="like" value="听音乐"> 听音乐
          <input name="like" type="checkbox" id="like" value="看书"> 看书 </br>
    E-mail：<input name="email" type="text" id="ped224" size="50">
    **按钮--提交、重置、图片**
            <input name="submit" type="submit" class="btn_grey" value="确定保存">
            <input name="reset" type="reset" class="btn_grey" id="reset" value="重新填写">
            <input type="image" src="images/112.png">
    **长文本输入框**
    意见框：<textarea cols="30" rows="5" name="content" wrap="hard"></textarea>
    </form>
    **下拉列表
    <center>
     下拉列表：
     <select name="select">
      <option>马苏</option>
      <option>李小璐</option>
      <option>刘芸</option>
      <option>范冰冰</option>
      <option>杨幂</option>
     </select>
     &nbsp;多行列表框（不可多选）：
     <select name="select2" size="2">
      <option>张三</option>
      <option>李四</option>
      <option>王五</option>
      <option>赵六</option>
      <option>冯七</option>
     </select>
     &nbsp;多行列表框（可多选）：
     <select name="select3" size="3" multlple>
      <option>露露</option>
      <option>菲菲</option>
      <option>航航</option>
      <option>云云</option>
      <option>丽丽</option>
     </select>
   </center>
  **文字链接**
  <a href="http://www.baidu.com">点击这里</a>
  </body>
</html>

image可选属性：


input标记的属性：


 type可选值：

  

select标记的属性：


textarea标记的属性及wrap的可选值：


HTML常用标签代码
05-07
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
HTML常用标签属性汇总.doc
06-22
HTML常用标签属性汇总 HTML中的标签是构建网页的基础，而标签属性则用来定义标签的附加信息和行为。了解各种标签及其属性对于制作结构化和功能丰富的网页至关重要。以下是一些常用HTML标签及其属性的汇总： 1. ...
HTML常用标签总结
zjs246813的博客
01-25 1806
HTML是一种用来描述网页的语言。
HTML常用标签合集
rbh200812的博客
07-26 1万+
html常见标签的认识与运用
html常用标签总结
ch206265的博客
02-28 1828
html负责结构，css负责样式，JavaScript负责页面交互等行为，html中常用的结构标签有标题标签、段落标签、水平线标签、换行标签、文本格式化标签、图像标签、链接标签以及注释和特殊字符标签等。
HTML常用标签详解
热门推荐
淘小欣的博客
03-04 2万+
HTML常用标签详解 一、head内常用标签 1.基本标签（非meta标签） <!--title: 定义网页标题--> <title>Title</title> <!--style: 定义内部样式表. 内部用来书写css代码--> <style> h1 { color: greenyellow; } </style> <!--script: 内部用来书写js代码--> <script
html常用标签
weixin_51450341的博客
07-16 4005
html常用标签简介
HTML常用标签大全
weixin_45203607的博客
09-22 3173
HTML常用标签大全 HTML结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 内容 </body> </html> 布局标签 <nav>导航</nav> <header> 头部区域
HTML 常用标签的使用方法及属性
LLCC2728的博客
12-15 1700
在网页开发中，HTML（超文本标记语言）是构建网页的基础。了解 HTML 常用标签的使用方法及属性对于创建吸引人且功能强大的网页至关重要。本文将详细介绍一些常见的 HTML 标签及其用法和属性。HTML是一种基本的标记语言，用于创建和呈现网页的结构和内容。它提供了丰富的标签和属性，使开发人员能够以各种方式组织和显示信息。
HTML常用标签及其用法
asdasdas1414的博客
05-07 1985
1.HTML分块--------< div> div标签可以控制文字大小，字体，颜色等等。常用属性如下： color : #999999 文字颜色 font-family : 宋体 文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 letter-spacing : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体
HTML常用标签及其属性
wangkai2580的博客
07-11 5313
HTML的常用标签
03_HTML常用标签.md
01-06
03_HTML常用标签.md
(完整word版)HTML常用标签属性汇总.doc
11-15
HTML常用标签属性汇总 HTML（HyperText Markup Language）是一种用于设计网页的标记语言，它包括了许多不同的标签，每个标签都有其特定的属性和用途。下面是HTML中一些常用的标签属性汇总： body标签 body标签是...
输入框限制输入两位小数数字
08-03
资源下载链接为： https://pan.quark.cn/s/9648a1f24758 这是一个非常实用且易于上手的网页代码片段，它通过JavaScript实现了对输入框内容的精准校验，确保用户只能输入数字以及最多保留小数点后两位（该位数可根据实际需求灵活调整为任意n位）。与网上常见的校验方法相比，它具有显著的直观性和易用性，尤其适合初学者快速理解和应用。此代码片段封装在一个静态网页文件中，方便直接使用和修改。它经过精心设计，能够完美兼容Internet Explorer（IE）、Firefox（FF）、Chrome等主流浏览器，无需担心兼容性问题。用户可以根据自己的需求轻松调整小数点后保留的位数，操作简单便捷，大大提高了开发效率。
EasyCodeConfig1.json
08-03
EasyCodeConfig1.json
Rajan-Dobariya_pwm-mspm0g3507_60320_1754207842015.zip
08-03
Rajan-Dobariya_pwm-mspm0g3507_60320_1754207842015.zip
【电子设计竞赛】2014电子设计大赛C题智能小车设计：从硬件选型到代码实现全解析
最新发布
08-03
内容概要：本文详细解析了2014年全国大学生电子设计竞赛C题——智能小车设计的全过程。文章首先介绍了该竞赛的背景及其重要意义，指出其不仅是对学生电子设计能力的考验，还对学生的学术成长和职业发展有深远影响。随后，文章深入剖析了C题的具体要求，包括小车的起跑、行驶、超车等复杂动作，强调了硬件（如控制模块、电源模块、车体、电机模块）和软件（如信号检测与控制、两车通信、节能技术、程序设计）方面的关键技术和实现方法。最后，文章分享了测试与优化的经验，并总结了团队合作、知识储备和实践能力的重要性，展望了电子设计领域的发展趋势。 适合人群：电子信息类专业学生、电子设计爱好者及希望深入了解智能小车设计的技术人员。 使用场景及目标：①了解全国大学生电子设计竞赛的背景和重要性；②掌握智能小车设计的硬件选型和软件编程技巧；③学习信号检测与控制、两车通信、节能技术等关键技术；④借鉴测试与优化的经验，提升实际动手能力和解决问题的能力。 阅读建议：本文内容详实，涵盖了从理论到实践的各个方面。建议读者在阅读过程中结合实际操作，逐步理解和掌握智能小车设计的各项技术和原理，特别是对硬件电路设计和软件编程部分，可以通过搭建实验平台进行实践，加深理解。同时，关注文中提到的测试与优化策略，有助于提高实际项目的成功率。
springboot基于Java的潮玩交易系统的设计与实现毕业论文.docx
08-03
springboot基于Java的潮玩交易系统的设计与实现毕业论文.docx
HTML常用标签全面总结与使用指南
标题中提到了“HTML常用标签”，这指的是在超文本标记语言（HTML）中，开发者经常使用的一系列基本元素。HTML是用于创建网页和网页应用的标准标记语言，它定义了网页的结构、内容以及如何显示给用户。以下是一些HTML...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值