html的所用常用标签,HTML常用标签

本文详细介绍了HTML的各种标签,包括标题、段落、引用、无语义标签、文本格式化、图片、超链接、锚点定位、表格、表单等,并探讨了它们在网页排版中的应用。同时,提到了CSS在设置边框、目标页弹出方式等方面的重要性,以及如何使用base标签统一设置超链接的跳转方式。
摘要由CSDN通过智能技术生成

排版标签:

标题标签: (n=1~6)

段落标签:

水平线标签:


换行标签:

引用标签:(短引用内联元素) 

(长引用块级元素)

无语义标签(用于布局):(内联元素)

文本格式化标签:

349d21dbe563a48c20f94e7bb41402cb.png

图片标签:

元素:

属性:

src="url"(图片链接)

alt="文字"(图片无法显示时显示的文字)

title="文字"(鼠标悬停时显示的文字)

height="像素" width="像素"(图片显示时的高宽)

border=""(边框HTML4.01不推荐使用,XHTML和HTML5不支持,建议使用CSS设置该属性值)

超链接标签:

元素:文本或图像

属性:

href=“跳转目标”

target=“目标页弹出方式”

target属性值:

_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self:这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 标签中的 target 属性一起使用。

_parent:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

_top:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。(target属性值描述,摘自w3school)

锚点定位:

定位到当前页面对应id所属标签的位置

base标签:位于head标签内部,用于统一设置超链接标签的跳转方式。

特殊字符标签:

以下为常用的特殊字符标签:

空格:      <:>: >    &: &    ¥: ¥    ©: ©    ®: &reg    °: °     ±: ±    ×: ×    ÷: ÷    ²: ²    ³: sup3;

无序列表标签:

  • 列表项
  • 列表项
  • 列表项

type属性:disc(空心圆)、circle(默认,实心圆)、square(方块),建议使用css样式设置属性(list-style-type)

有序列表标签:

  1. 列表项
  2. 列表项
  3. 列表项

type属性:A、a、I、i

start属性:number(设置序列开始数字),建议使用测试时样式设置属性。

自定义列表标签:

列表1
列表1列表项
列表1列表项
列表1列表项

...

列表2列表2列表项列表2列表项列表2列表项

...

多用于网站底部服务链接

表格标签:

...

  

...

表格属性:

cf6d7d4e5a39c984e089a39652e77957.png

表头:

文字加粗居中显示

表名:

合并单元格:

colspan合并列、rowspan合并列(合并后需要删除多余的单元格)

表单标签:

表单的目的是搜集用户信息,一个完整的表单一般由表单控件(表单元素)、提示信息和表单域组成。

input控件:

type属性:

text-单行文本输入框  password-密码输入框

radio-单选框按钮  checkbox-复选框

button-普通按钮  submit-提交按钮

reset-重置按钮  image-图片式按钮

file-文件域

name属性:

用户自定义,设置控件名称

value属性:

用户自定义,设置控件默认文本

size属性:

正整数,设置控件在页面中显示的宽度

checked属性:

checked,设置控件默认被选中的项

maxlength属性:

正整数,设置允许输入的最多字符数

label标签:

label标签为input元素定义标签,绑定一个表单的元素后,当用户点击label标签时,被绑定的表单元素将获取输入焦点

文本域标签:

文本内容

下拉表单:

选项1

选项2

选项3

...

表单域:

表单控件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值