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元素上使用,用于替换当前元素

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

相关推荐
码事漫谈15 小时前
大模型输出的“隐性结构塌缩”问题及对策
前端·后端
这儿有一堆花15 小时前
前端三件套真的落后了吗?揭开现代 Web 开发的底层逻辑
前端·javascript·css·html5
.Cnn16 小时前
JavaScript 前端基础笔记(网页交互核心)
前端·javascript·笔记·交互
醉酒的李白、16 小时前
Vue3 组件通信本质:Props 下发,Emits 回传
前端·javascript·vue.js
anOnion16 小时前
构建无障碍组件之Window Splitter Pattern
前端·html·交互设计
NotFound48616 小时前
实战分享Python爬虫,如何实现高效解析 Web of Science 文献数据并导出 CSV
前端·爬虫·python
徐小夕17 小时前
PDF无限制预览!Jit-Viewer V1.5.0开源文档预览神器正式发布
前端·vue.js·github
WangJunXiang617 小时前
Haproxy搭建Web群集
前端
阿部多瑞 ABU17 小时前
《智能学号抽取系统》V5.9.5 发布:精简代码,修复移动端文件读取核心 Bug
vue·html·bug
吴声子夜歌17 小时前
Vue.js——自定义指令
前端·vue.js·flutter