当前位置：网站首页 > 技术文章 > 正文

干货汇总:HTML的基本属性

myzbx 2024-12-02 22:37 54 浏览

在网络上看到的每个网站都是使用HTML构建的，因为它具有许多有用而强大的功能，作为开发人员，你可以从中受益以创建网页。话虽如此，HTML还具有可以附加到元素或标签的属性，以便向HTML元素添加某些交互功能。

1、HTML基本构成

1<html></html>表示文档的开始和结束

2<head></head>表示文档头的开始和结束

3<title></title>文档的标题开始及结束

4<body></body>文档正文的开始及结束

2、页面属性<body>标签内的属性

1backgroundcolor背景颜色

2background背景图片

3text正文文字的颜色

4link链接文字的颜色

5alink正被单击链接文字的颜色

6vlink已被单击过链接文字的颜色

7leftmargin网页左边空白

8topmargin网页上边空白

3、超链接

1<ahref=”URL”target=”打开方式”>文字或图片</a>

2“URL”代表网址或本站某页面，

3“打开方式”两个基本选项：1“_blank”在新窗口中打开2“_self在本窗口中打开”

4、文字设置

1字号<fontsize=n>n={1——7}

2字体<fontface=X>X=隶书、黑体、楷体_gb2312、仿宋_gb2312、Arial等

3颜色<fontcolor=X>

4文字特殊效果<b></>

5<i>斜体</i>

6<u>下划线</u>

7<s>删除线</s>

8<big>这是大号字体</big>

9<small>这是小号字体</small>

5、图像

1插入图象<imgsrc=”url”>url=绝对路径或相对路径及文件名

2图像超链接<ahref=”URL”><imgsrc=”url”></a>

3图象与文字对齐<imgsrc=”url”align=”Y”>Y=top(顶部),middle(中部),botton(底部)

4图象与周围文字间距<imgsrc=”url”vspace(垂直)=”像素”hspace（水平）=”像素>

5图象大小及边框宽度<imgsrc=”url”width=”像素”height=“像素”border=”像素”>

6、表格的操作

1表格

<tr>...</tr>定义表行（每一行都需定义）

<th>...</th>定义表头(一般指第一行，因为很多表格没有表头，所以其常常省略)

<td>...</td>定义表元（表格的具体数据）

2跨行列表格

跨多列的表元<thcolspan=#>或<tdcolspan=#>

跨多行的表元<throwspan=#>或<tdrowspan=#>

3表格外观

设置表格边框：<tableborder=#>

设置表格尺寸：<tablewidth=#height=#>

4单元格间距及内容间距

单元格间距<tablecellspacing=#>

内容与单元格间距<tablecellpadding=#>

5表格边框色<tablebordercolor=#>

开课吧广场-人才学习交流平台

HTML 属性

上一篇：一文详解HTML属性
下一篇：那些容易被你忽略的HTML重要属性，你知道几个?

干货汇总:HTML的基本属性

1、HTML基本构成

2、页面属性<body>标签内的属性

3、超链接

4、文字设置

5、图像

6、表格的操作

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

这么牛逼的cursor功能，赶紧用起来

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿