HTML标签属性

最新推荐文章于 2024-07-13 14:25:26 发布
最新推荐文章于 2024-07-13 14:25:26 发布
阅读量478 收藏 2
点赞数
分类专栏： HTML 文章标签： HTML 标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/snowstorm23/article/details/79070524
版权

图像标签<img/>

属性

属性值

描述

src

URL

图像的路径

alt

文本

图像不能显示时替换的文本

title

文本

鼠标悬停时显示的内容

width

像素（XHTML不支持%页面百分比）

设置图像的宽度

height

像素（XHTML不支持%页面百分比）

设置图像的高度

border

数字

设置图像边框的宽度


相对路径

1.图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称既可，如<img src="123.gif"/>

2.图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名，之间用"/"隔开,如<img src="img/img01/123.gif"/>

3.图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../”,如果是上两级，则需使用“../../”，以此类推，如<img src="../123.gif"/>

绝对路径

“D:\web\img\123.gif”或完整的网络地址，“http://www.baidu.com/imges/123.gif”

链接标签<a></a>

href:用于指定链接目标的url地址

target：用于指定链接页面的打开方式，_self为默认值，_blank为在新窗口中打开 

锚点定位

1.<a href=#id名>链接文本</a>

2.使用相应id名标注跳转目标位置

整体链接打开状态<base/>

<head>
    <base target="_blank" />
</head>


特殊字符标签

特殊字符

描述

字符代码

 

空格符

&nbsp;

< 

小于号

&lt;

> 

大于号

&gt;

&

和号

&amp;

©

版权

&copy;

®

注册商标

&reg;

¥

人民币

&yen;

°

摄氏度

&deg;

±

正负号

&plusmn;

×

乘号

&times;

÷

除号

&divide;

²

平方

&sup2;

³

立方

&sup3;


注释标签<！-- 注释内容-->

列表标签

无序列表

<ul>
   <li>列表项1</li>
   <li>列表项2</li>
   ……
</ul>
有序列表 

<ol>
   <li>列表项1</li>
   <li>列表项2</li>
   <li>列表项3</li>
   ……
</ol>
自定义列表 

<dl>
   <dt>名词1 </dt>
       <dd>名词1解释1</dd>
       <dd>名词1解释2</dd>
       ……
   <dt>名词2 </dt>
       <dd>名词2解释1</dd>
       <dd>名词2解释2</dd>
       ……
</dl>

表格<table></table>

属性名

含义

常用属性值

border

设置表格的边框（默认无边框）

像素值

cellspacing

设置单元格与单元格之间的空白间距

像素值

cellpadding

设置单元格内容与单元格边框之间的空白间距

像素值

width

宽度

像素值

height

高度

像素值

align

表格在网页中水平对齐方式

left、center、right


表格标题<caption></caption>表头标签<th></th>替代<td></td>


合并单元格：跨行合并rowspan,跨列合并colspan

表单

input控件

属性

属性值

描述

type

text

单行文本输入框

password

密码输入框

radio

单选按钮

checkbox

复选框

button

普通按钮

submit

提交按钮

reset

重置按钮

image

图像形式的提交按钮

file

文件域（上传文件）

name

用户自定义

控件名称

value

用户自定义

Input控件中的默认文本值

size

正整数

Input控件在页面中的显示宽度

checked

Checked

定义选项控件默认被选中的项

maxlength

正整数

控件允许输入的最多字符

 label标签

用于绑定一个表单元素，当点击label标签的时候，被点击的表单就会获得输入焦点

for属性规定label与哪个表单绑定

<label>输入账号：<input type="text"/></label>
<label for="two">
输入账号
<input type="text"/>
<input type="text" id="two"/>
</label>
下拉菜单 

<select>
    <option>选项1</option>
    <option>选项2</option>
</select>

HTML5新增标签

header：定义文档的页眉，头部

nav:定义导航链接的部分

footer:定义文档或节的页脚，底部

article:定义文章

section:定义文档中的节

aside:定义所处内容之外的内容，侧边

datalist:标签定义选项列表

<input type="text" value="输入明星" list="star"/>
<datalist id="star">
    <option>权志龙</option>
    <option>崔胜铉</option>
    <option>东永裴</option>
</datalist>

fieldset:元素可将表单内的相关元素分组、打包 

<fieldset>
   <legend>用户登录</legend>
   用户名：<input type="text"/>
   密码：<input type="password"/>
</fieldset>

HTML5新增input type 属性值

email,tel,url,number,search,range,time,datetime,month,week

常用新属性

placeholder:占位符提供提示信息

auofocus:当页面加载时input元素自动获得焦点

multiple:多文件上传

autocomplete:规定表单是否应该启用自动完成功能

     1.使用首先需要提交按钮

     2.input有name属性

<form action="">
   姓名：<input type="text" autcomplete="on" name="userName"/>
   <input type="submit"/>
</form>

required:必填，不能为空

accesskey:规定使元素获得焦点元素的快捷键，使用alt+字母

多媒体标签

embed：标签定义嵌入的内容

audio:播放音频

        autoplay:自动播放

        controls:是否显示播放控件

        loop:循环播放

video:播放视频

        autoplay:自动播放

       controls:是否显示播放控件

       loop:循环播放

       width:宽

       height:高









snowstorm23
关注
专栏目录
HTML1.02 HTML标签属性
09-13
HTML标签属性详解 HTML标签属性是HTML语言中最基本也是最重要的一部分。HTML标签属性可以分为两大类：通用属性和自定义属性。通用属性是所有HTML标签都拥有的属性，如id、class、style、title等。自定义属性是指...
HTML标签属性大全
weixin_57614141的博客
02-22 1万+
什么是HTML 2 HTML：超文本标记语言（Hyper Text Markup Language） HTML不是一种编程语言，而是一种标记语言，描述网页的语言 HTML使用标签描述网页中图片、文本、音乐、视频、超链接等 HTML基本标签: 标题标签<h1>~<h6> 段落和换行标签<p>…</p>、<br/> 水平线标签 <hr/> 斜体… 字体加粗<stron...
常用html标签及其属性
weixin_53988377的博客
07-16 1万+
网页的基本结构文档类型声明标签文档标记标签文档的头部标签文档的主体标签。
前端编程之路一一HTML的常用标签大全
最新发布
2401_84433974的博客
07-13 998
等;2.html标签通常是成对出现，如：,第一个是开始，第二个有斜线的是结束；3.有些标签是单独呈现的，如：;4.标签里面带有若干属性，也有不带的；标签语法：内容部分
常用的HTML标签及属性
weixin_59246157的博客
04-02 3678
属性：action、method、name、value、placeholder、required、readonly、disabled、size、maxlength、id、class、style。5. 表格标签：table、tr、th、td；属性：border、cellpadding、cellspacing、width、height、align、valign、id、class、style。属性：src、autoplay、controls、loop、muted、preload、id、class、style。
Html常用标签和属性(包含Html5)
TKOP_的博客
12-18 1万+
Html（包含Html5)常用标签和属性总结。主要包含有a、img、ul、table、select和H5新增的一些标签比如header、nav、article、section、aside等标签。以及一些常用到的属性。最后总结一些html标签使用的注意事项。.........
html标签属性大全
03-20
本文将详细介绍一些常见的HTML标签属性及其用途。 1. **跑马灯标签 `<marquee>`**：这个标签可以实现文本或图像的滚动效果。例如，`<marquee behavior=scroll>`表示文本或图像将不断滚动，而`...
html标签属性
05-11
本文将详细介绍HTML标签属性及其用途。 首先，我们来看`<marquee>`标签，它常用于创建滚动文本或图像效果。`behavior`属性决定滚动方式：`slide`为普通卷动，`scroll`为滑动，而`alternate`则是来回卷动。`...
html标签和属性总结
07-06
常见的HTML标签属性包括： * `align`：对齐属性 * `face`：字体属性 * `color`：颜色属性 * `size`：字体大小属性 * `href`：超链接属性 * `src`：图片路径属性 * `alt`：图片替换文本属性 三、超链接的作用及语法...
HTML常用基本标签
weixin_33701251的博客
01-14 375
基本结构标签: <HTML>,表示该文件为HTML文件 <HEAD>,包含文件的标题,使用的脚本,样式定义等 <TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 </HEAD>,<HEAD>的结束标志 <BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览...
常用HTML标签及属性总结
weixin_52960369的博客
05-05 2798
HTML（HyperTextMarkupLanguage），是一种用于创建网页的标准标记语言。它通过将文本、图像、音频、视频等内容结合起来，形成网页的结构，使得网页呈现出风格和排版的样式。HTML不是一种编程语言，而是一种标记语言，用于描述和定义网页的结构和内容。
CSS属性选择器、及~=，|=，^=，$=，*=的区别
ly925816185的博客
09-18 983
具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id 属性选择器 ** [属性]{ 样式：值； }** 例如：把包含标题（title）的所有元素变为蓝色 2. 属性和值选择器 ** [属性=值]{ 样式：值； }** 例如：改变标题title='runoob’元素的边框样式 3. 属性和值的选择器-多值 [属性~=值]{ 样式：值； } 指定title属性的元素样式 使用(~)分隔属性和值 4. 表单样式 属性选择器样式无需使用class或id的形式
Day2HTML标签属性
weixin_45877051的博客
04-03 426
1.标签由标签名、标签属性和文本内容三部分组成（注意：单标签没有文本内容）。 2.标签属性是对标签的一种描述方式。 3.标签属性分通用属性、自有属性和自定义属性。 4.通用属性:所有标签都具有的属性（除标签外）。 通用属性有： id：用来给标签取一个唯一的名称。id名称在一个网页必须是唯一的。 class：用来给标签取一个类名。 style：用来设置该标签的行内样式。 title：当鼠标移到该标签...
HTML常用标签及其属性
weixin_44955854的博客
07-15 328
HTML常用标签
html 标签属性大全 (完美版)
热门推荐
panghaichun的博客
03-02 2万+
html标签属性大全是朋友们整理常用的html标签，和大家更好的交流沟通。学习html标签属性大全 html标签<marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>..
HTML
qq_54129641的博客
12-30 4198
参考题库 1． 下列选项中，能够旋转指定的元素对象的变形函数是（ D ）。 A、translate（）方法 B、scale()方法 C、skew()方法 D、rotate()方法 2． 下列选项中，字号最大的是哪一项？(A ) A、 B、 C、 D、 3． 下列样式代码中，可以将块元素转换为行内元素的是（ D ）。 A、display:none; B、display:block; C、display:inline-block; D、display:inline; 4． 下列选项中，用于定义整个动画效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值