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

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

相关推荐
带娃的IT创业者3 分钟前
Puppeteer 深度解析:超越自动化测试的现代 Web 交互范式
前端·交互·puppeteer·可观测性·浏览器自动化·无头浏览器·web工程化
程序员爱钓鱼5 分钟前
Rust 所有权 Ownership 详解:理解内存安全的核心机制
前端·后端·rust
Mh8 小时前
别再只会 `find` 了:Map 在前端业务里的真实用法
前端·javascript
陈随易9 小时前
FFmpeg 9.0 发布,代号 Lei,音视频处理再升级
前端·后端·程序员
爱丶狸9 小时前
Grafana_Zabbix_ImageRenderer_部署与前端操作手册
linux·前端·zabbix·grafana·kylin
用户0595401744612 小时前
把AI对话记忆存储测试从手工改成Playwright+pytest,覆盖率从20%提到96%,回归时间缩短90%
前端·css
kyriewen12 小时前
别再这样写TypeScript了——Code Review中最常见的8个反模式
前端·javascript·typescript
名字还没想好☜12 小时前
Next.js ‘use client‘ 到底加在哪:Server/Client Components 边界与常见报错
开发语言·前端·javascript·react·next.js
午安~婉13 小时前
GitHub Token/ GitHub Stats统计显示图异常
前端·github·vercel·github token
码云之上13 小时前
AI Agent 工程化总览篇:从 Prompt 到 Harness
前端·人工智能