HTML 标签通用属性

HTML 标签通用属性

通用HTML标签的属性

id 设定标签的ID

name 设定标签的名称

class 设定标签样式的类选择器

style 设定标签样式属性

<basefont><font>标签通用的属性

face 用于文字的名称,可以是宋体、隶书、楷体等

size 用于设置字号的大小(从 1 到 7 的数字,或h1-h6, 浏览器默认值是3)

color 用于设置字体的颜色

border="1" 边框的粗细

适用于table image

bordercolor="#ff0000" 边框颜色

适用于table

bgcolor="#ffff00" 背景颜色

适用于body table tr td marquee

background="images/logo.gif" 背景图片

适用于body table

color="red" 属性

<font size="3" color="red">This is some text!</font> 字体颜色

<hr color="#ff0000" /> 水平线(设定颜色)

align="left|center|right"

<p align=""></p>将段落按左、中、右对齐;

<hr align="left" /> 水平线对齐方式

<h1 algin="center">这是一个标题</h1>

align属性值:left(默认值) right center justify

size属性

<font size="3" color="red">This is some text!</font> 字体大小(1-7), 1小, 7大

<hr size="9" /> 水平线(设定大小,单位:像素)

<input type="text" value="单行文本框" size="20">

<input type="password" value="单行文本框" size="20">

<select name="select" size=1>

<option value="1">1</option>

<option value="2" selected="selected">2</option>

<option value="3">3</option>

</select>

列表框中size属性用来设置列表框显示的行数;

文本框和密码框会使用size属性设置域的显示宽度;

width属性

<hr width="80%" /> 水平线(设定宽度,单位:像素或百分比)

<marquee width="180"></marquee>设定宽度

<table width=""></table>指定表格的宽度大小(使用数字pixel或%)

<td width=""></td> 调整表格字段宽度

<img src="" width="180"/>设定图片宽度

height属性

<marquee height="30"></marquee>设定高度

<table height=""></table>指定表格的高度大小(使用数字)

<img src="" height="30"/>设定图片高度

链接属性汇总:

href属性: <base/> <a></a> <link/> 标签

src属性: <img/> <embed/> <bgsound/> <frame/> <iframe><iframe/>

<script src="">脚本代码</script> 标签和脚本

区别:

href:表示超文本引用(hypertext reference),在base、a、link元素上使用(主要是URL、HTML、CSS文件),用于在当前文档和引用资源之间确立联系

src: 表示来源地址(Sample rate convertor),在 img、embed、bgsound、frame、iframe、script元素上使用,用于替换当前元素

(主要是一些二进制文件和可执行文件)

相关推荐
AI浩2 小时前
【Labelme数据操作】LabelMe标注批量复制工具 - 完整教程
运维·服务器·前端
涔溪2 小时前
CSS 网格布局(Grid Layout)核心概念、基础语法、常用属性、实战示例和进阶技巧全面讲解
前端·css
2401_878454532 小时前
浏览器工作原理
前端·javascript
西陵2 小时前
为什么说 AI 赋能前端开发,已经不是选择题,而是必然趋势?
前端·架构·ai编程
by__csdn4 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码4 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
Luna-player4 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu05194 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys5 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript
奇舞精选5 小时前
GELab-Zero 技术解析:当豆包联手中兴,开源界如何守住端侧 AI 的“最后防线”?
前端·aigc