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

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

相关推荐
知识分享小能手1 天前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
luckys.one1 天前
第9篇:Freqtrade量化交易之config.json 基础入门与初始化
javascript·数据库·python·mysql·算法·json·区块链
魔云连洲1 天前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
mCell1 天前
JavaScript 的多线程能力:Worker
前端·javascript·浏览器
weixin_437830941 天前
使用冰狐智能辅助实现图形列表自动点击:OCR与HID技术详解
开发语言·javascript·ocr
超级无敌攻城狮1 天前
3 分钟学会!波浪文字动画超详细教程,从 0 到 1 实现「思考中 / 加载中」高级效果
前端
excel1 天前
用 TensorFlow.js Node 实现猫图像识别(教学版逐步分解)
前端
gnip1 天前
JavaScript事件流
前端·javascript
CodeCraft Studio1 天前
国产化Word处理组件Spire.DOC教程:使用 Python 将 Markdown 转换为 HTML 的详细教程
python·html·word·markdown·国产化·spire.doc·文档格式转换
小菜全1 天前
基于若依框架Vue+TS导出PDF文件的方法
javascript·vue.js·前端框架·json