HTML常用标签

最新推荐文章于 2022-07-16 14:18:15 发布
最新推荐文章于 2022-07-16 14:18:15 发布
阅读量85 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45941400/article/details/110284672
版权

最近在学习网站开发，其中用到的HTML超文本标记语言的标签做了一下总结：
Html：超文本标记语言


<html lang="en">

Lang属性：搜索引擎en英文zh中文

  <head>

头部：浏览器、搜索引擎所需信息

   <meta charset=”UTF-8”>

<meta>:元数据

Charset属性：字符集编码方式

浏览器：UTF-8是国际编码

  <tatle>标题</table>

  </head>

  <body>

主体:网页内中包含的具体内容

  </body>

</html>

 

HTML标签

标题h1~h6

段落p

段内换行br

预留格式pre

段内分组span

水平线hr

空格字符&nbsp

注释<!-- -->

超链接<a hrel="网站，#为空的超链接">文字或图片</a>

插入图像<img src=”路径+文件名” />

区域div

<div align=”center”>

  <h1>web 前端开发</h1>

   <p>THLM</p>

   <p>CSS</p>

   <p>JavaScript</p>

</div>

列表ul ol li

无序列表<ul>      列表项<li>

<h1>web 前端开发</h1>

<ul>

  <li>HTLM</li>

<li>CSS</li>

<li>JS</li>

</ul>

 

有序列表ol  列表项li

<h1>web 前端开发</h1>

<ol>

  <li>HTML</li>

  <li>CSS</li>

  <li>JS</li>

</ol>

 

表格table tr td

<table>

  <tr>

   <td>red</td>

   <td>yellow</td>

  </tr>

  <tr>

   <td>blue</td>

   <td>green</td>

  </tr>

</table>

 

表格table th

<table border="1">

   <tr><th>班级</th><th>学生数</th><th>平均成绩</th></tr>

   <tr><td>一班</td><td>30</td><td>89</td></tr>

   <tr><td>二班</td><td>32</td><td>85</td></tr>

   <tr><td>三班</td><td>35</td><td>80</td></tr>

  </table>

表单form：是一个区域，采集用户信息

表单元素：文本框、按钮、单选、复选、下拉列表、文本域

 

表单<form>标签

<form action="数据处理网页">

  表单元素

</form>

 

文本框、密码框input

<form>

  <input type="text|password" />

</form>

 

文本框、密码框input——text password

<form>

  账户：<input type="text" name="userName" />

  密码：<input type="password" name="userPsd" />

</form>

 

提交按钮input——submit

<form>

  姓名：

  <input type="text" value="" name="myName" />

 <input type="submit" value="提交" name="submitBtn"/>

</form>

Type:submit

Value:按钮上显示的文字

 

重置按钮input——reset

<form>

  爱好：

  <input type="text">

  <input type="submit" value="确定" />

  <input type="reset" value="重置" />

</form>

 

单选框、复选框input——radio checkbox

单选框：只能选一项     复选框：任意选多项

 

 

 

<form>

  <input type=”radio|checkbox” value=”值”

Name=”名称” checked=”checkde” />

</form>

Checked：当设置checked=”checkde”时，该选项被默认选中

复选框：

<form>

性别：

   男 <input type="radio" value="boy" name="gender" checked="checked" />

   女 <input type="radio" value="girl" name="gender" />

   <br />

   爱好：

   <input type="checkbox" value="1" name="music" checked="checked" />音乐

   <input type="checkbox" value="2" name="sport" />体育 

   <input type="checkbox" value="3" name="reading" />阅读

</form>

 

下拉列表框select option

<form>

<select>

  <option>看书</option>

  <option selected="setectde">旅游</option>

  <option>运动</option>

  <option>购物</option>

 </select>

</form>

 

文本域Textarea

<textarea rows="行数" cols="列数">文本</textarea>

  <form>

   个人简介：<br />

   <textarea cols="50" rows="10">输入内容...</textarea>

   <br />

   <input type="submit" value="确定" />

   <input type="reset" value="重置" />

  </form>
Mackie-Yang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML常用标签合集
rbh200812的博客
07-26 1万+
html常见标签的认识与运用
HTML常用标签总结
weixin_64182409的博客
05-07 5084
一些常用的HTML标签的介绍与使用
html常用标签总结
ch206265的博客
02-28 1648
html负责结构，css负责样式，JavaScript负责页面交互等行为，html中常用的结构标签有标题标签、段落标签、水平线标签、换行标签、文本格式化标签、图像标签、链接标签以及注释和特殊字符标签等。
html常用标签
weixin_51450341的博客
07-16 3507
html常用标签简介
HTML常用标签大全
weixin_45203607的博客
09-22 2956
HTML常用标签大全 HTML结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 内容 </body> </html> 布局标签 <nav>导航</nav> <header> 头部区域
HTML常用标签详解
淘小欣的博客
03-04 8454
HTML常用标签详解 一、head内常用标签 1.基本标签（非meta标签） <!--title: 定义网页标题--> <title>Title</title> <!--style: 定义内部样式表. 内部用来书写css代码--> <style> h1 { color: greenyellow; } </style> <!--script: 内部用来书写js代码--> <script
HTML常用标签代码
05-07
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
20.2 HTML 常用标签
最新发布
07-28
在“20.2 HTML 常用标签”这个主题中，我们将深入探讨一些HTML中不可或缺的核心标签，这些标签对于创建功能性且结构清晰的网页至关重要。 1. **文档类型声明（<!DOCTYPE html>）**：这是每个HTML文档的开头，用于...
HTML常用标签属性.txt
04-29
HTML常用标签属性大全
Python中33个保留字的用法
qq_45941400的博客
11-28 1510
Python的33个保留字 and as assert break class continue def elif else except finally for from if import in is lambda not or pass raise return try while with yield del global nonlocal True False None and 用于表达式运算，逻辑与操作 as 用于类型转换 assert 断言，用于判断变量或条件表达式的值是否为真 break 中
账户类Account
qq_45941400的博客
11-24 1360
账户类Account 编写账户类Account，要求如下： 属性：账户类customer，账号id，余额balance，年利率annualInterestRate。 方法： 各属性的set和get方法，取款方式withdraw（），存款方式deposit（）。 编写测试类AccountText，创建一个账户名为Jane Smith，账号为1000，余额为2000，年利率为1.23%。对该账户进行操作：存入100，再取出960，再取出2000。 class Account { private Str
笑谈HTML中的空链接
qq_45941400的博客
03-18 1023
今天在教室里面我们班的一个同学在说关于HTML中的超链接时，他说超链接中的空链接时，说#的空链接不会发生任何变化，我就和他争论起来，我说#的空链接是回到网页的顶部，结果声音很大，引起了同学的笑声。最后我让他自己运行一遍看看是谁说的对，结果是我说的对。这里关于HTML中的超链接中的空链接是有两个，下面我就来说说这两个空链接的区别： 首先我们知道HTML中的超链接写法 <a href="https://www.baidu.com">百度一下，你就知道</a> 下面就来说说空的超链接 首
Java实现经典猜拳游戏
qq_45941400的博客
11-05 935
Java实现经典猜拳游戏 猜拳游戏： 玩家与电脑进行猜拳游戏，玩家行为采用输入方式，电脑行为采用随机形式 玩家可以输入数字选择电脑玩家进行游戏：1：刘备 2：孙权 3：曹操 玩家出拳规则，输入数字：1：剪刀 2：石头 3：布 /* 猜拳游戏： 玩家与电脑进行猜拳游戏，玩家行为采用输入方式，电脑行为采用随机形式 玩家可以输入数字选择电脑玩家进行游戏：1：刘备 2：孙权 3：曹操 玩家出拳规则，输入数字：1：剪刀 2：石头 3：布 */ import java.util.
Java知识点（二）
qq_45941400的博客
04-13 580
第二章Java基本语法 java基础知识图解 2.1关键字和保留字 关键字（keyword）的定义和特点 定义：被Java语言赋予了特殊含义，用作专门的字符串（单词） 特点：关键字中所有字母都为小写 用于定义数据类型的关键字： class、interface、enum、byte、short、int、long、float、double、char、boolean、void 用于定义流程控制的关键字： if、else、switch、case、default、while、do、for、break、con
c++笔记
qq_45941400的博客
12-28 344
C++笔记 基本语法 对象： 对象具有状态和行为。例如：一只狗的状态-颜色、名称、品种，行为-摇动、叫唤、吃。对象是类的实例。 类： 类可以定义为描述对象行为/状态的模板/蓝图。 方法： 从基本上说，一个方法表示一种行为。一个类可以包含多个方法。可以在方法中写入逻辑、操作数据以及执行所有的动作。 即时变量 ： 每个对象都有其独特的即时变量。对象的状态是由这些即时变量的值创建的。 例子：输出HelloWorld！ #include <iostream> using namespace std;
期末复习笔记之C语言
qq_45941400的博客
01-09 331
C++笔记 基本语法 对象： 对象具有状态和行为。例如：一只狗的状态-颜色、名称、品种，行为-摇动、叫唤、吃。对象是类的实例。 类： 类可以定义为描述对象行为/状态的模板/蓝图。 方法： 从基本上说，一个方法表示一种行为。一个类可以包含多个方法。可以在方法中写入逻辑、操作数据以及执行所有的动作。 即时变量 ： 每个对象都有其独特的即时变量。对象的状态是由这些即时变量的值创建的。 例子：输出HelloWorld！ #include <iostream> using namespace std;
Java知识点（一）
qq_45941400的博客
04-13 204
Java知识点 Java学习路线 Java基础->MySQL->JDBC->IDEA->Java8->Java数据结构及算法->Java设计模式->JavaWeb经典版->JavaWeb2022版 前言 概述 计算机包括软件和硬件两部分。硬件包括计算机中可以看得见的部分。而软件是看不见的指令。这些指令控制硬件完成特定的任务。 程序设计 定义： 创建（或开发）软件。软件包含了指令，告诉计算机要做什么。 应用场景： 软件遍布我们周围。除了个人计算机，飞机、汽车、手
HTML常用标签总结及用法实例
<!...定义了网页的主要内容部分，俗称身体。 ... ...3. <head>：定义网页的头部部分，包含、、、、等常用...希望通过对HTML常用标签的总结和学习，能够帮助大家更好地理解和应用HTML标签，为日后的网页开发工作打下坚实的基础。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值