HTML常用标签

1、color:#930

设置颜色

2.text-align:center 使得显示的字居中

如果要想在右边,把center改为right就好
如果要想在左边,把center改为left就好
ps:默认是在左边

3、font-size:12px

设置字体大小

4、<B> </B>和<strong> </strong> <i></i>和<em></em>

都具有加粗的作用
B是单纯的加粗
strong不仅表示加粗,而且还有强调的意义,当你想要特别突出的某个东西的时候,就把这个东西标记为strong

<i> </i>和<em> </em>

都具有把字标记为斜体,i也只是单纯的标记,而em具有一些特殊的语义,对文本有改变作用

5、<p> </p>是段落标签 用法:<p>一段字</p>

此标签中是用来存放一段字的

6、<style> </style>是风格标签

就是要修饰那一个标签,就把那个标签写到里面就好

7、<img src="链接" height="20" width="30">

在页面中,如果要引入一张图片,那就把此图片的链接放到“链接”上,就可以了,height是设置图片显示的高度,width是设置图片显示的宽度

8、<head> </head>

标签用于定义文档的头部,它是所有头部元素的容器,头部元素有<title> <script> <style> <link> <meta>等标签
文档的头部,描述了文档的各种属性和信息

9、<body> </body>

标签之间的内容是网页的主要内容,如<h1> <p> <a> <img>等网页内容标签

10、<!--注释文字-->

用于代码注释

11、<span> </span> 用法:<span>要标记的字</span>

如果要修饰几个字,那就使用此标签

12、<q> </q> 用法:<q>引用的短文本</q>

引用短文本,在显示网页的过程中,我们会涉及到引用别人的话,当文本短的时候,就采用此标签

13、<blockquote> <blockquote> 用法:<blockquote>引用的长文本</blockquote>

是对长文本的引用

14、<br/>

换行
ps:标签一般都是成对出现的,但是此标签就只有一个,这样的标签只有三个,分别是<br/> <hr/> <img/>

15、 &nbsp

当我们要表示空格的时候,按下空格键是不管用的,浏览器是不认识的,所以当要表示空格的时候,用&nbsp表示,几个&nbsp就表示几个空格

16.<hr/> 用法:文字段1 <hr/> 文字段2

添加水平横线,当我们要分隔两段文字的时候,就可以使用此标签,此时就可以使用此标签,使用此标签后,文字段1和文字段2之间就会有一条水平线

17、<address>

为网页添加地址信息

18、添加代码:
单行代码: <code> </code> 用法:<code>代码<code>

多行代码: <per> </per> 用法:<per>多行代码<per>
19、显示信息列表

单纯的显示,没有标记顺序
在这里插入图片描述

20、显示排行榜,即就是有顺序的显示信息

在这里插入图片描述

ps:和上一个的区别就是,上一个没有标记顺序,而使用ol会显示顺序,例如我们需要显示一个微博热搜榜的时候,在每个标题的前面都需要一个排位顺序,此时就可以使用此标签

21、文本输入框 密码输入框
在这里插入图片描述

当type等于text的时候,就表示文本输入框
当type等于password的时候,表示密码输入框

22、<textarea> </textarea> 用法:<textarea clos="xx" rows="xx">在这里输入内容</textarea>

文本域 多行输入
文本输入框,只能输入一行,当我们需要输入多行的时候,就可以使用此标签,cols设置输入框的宽度,rows设置输入框的长度

23、<input type="radio/checkbox" value="值" name="名称" checked="checked"/>

单选框和复选框,让用户自己选择
type等于radio时,控件为单选框
type等于checkbox时,控件为复选框
value:提交数据到服务器的值(后台程序PHP使用)
name:为控件命名
checked:当设置checked="checked"时,该选项被默认选中

24、显示下拉选择框在这里插入图片描述
例如:
在这里插入图片描述
25、<input type="submit" value="提交">

提交按钮
type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的字

26、<input type="reset" value="重置">

重置按钮
type:只有当type值设置为reset时,按钮才有重置作用
value:按钮上显示的字

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值