开发HTML页面之大团圆

最新推荐文章于 2024-09-12 15:22:59 发布
最新推荐文章于 2024-09-12 15:22:59 发布
阅读量2.5k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： HTML 标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/h_h_1122/article/details/98962517
版权
本文详细介绍了HTML页面的基本元素，包括head标签、body标签及其属性、标题标签H*、格式标签如<p>、<br>、<blockquote>等，以及文本标签和特殊字符的使用。此外，还讲解了图片控制标签<img>及其属性，以及基础表格的创建和属性设置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  目录

head标签

body标签

body属性

H*标签

格式标签

文本标签

1.物理字体

2.逻辑字体

3.特殊字符

图片控制标签

图片的控制属性

 

标签

 

基本表格

表格的属性

标签具有以下属性：

head标签

<head> 通常与<title>标签一起使用，用来定义页面的标题。

body标签

在HTML页面中，<body>标签必不可少，它表示文本的主题内容的开始和结束，所有内容都必须在<body></body>标签中。

body属性

bgcolor：背景色的定义

background：设置背景图

text：设置字体颜色

link：设置链接的颜色

vlink：设置已使用的链接颜色

alink：设置正在被点击的链接的颜色

H*标签

在Web应用程序中，标题等级分为六级：h1、h2、h3、h4、h5、h6

格式标签

<p></p>：用来标识一个段落，在此标签对之间加入的文本将按照段落原来的格式显示。另外，<p>标签具有align属性，用来指明对齐方式。

<br />:作用是在当前位置换行。<br />的使用上还有一定的技巧，如果把<br />加在<p></p>标志对的外面，将形成一个大回车行，即<br>前面和后边的文本行与行之间的距离就比较大；若放在里面则<br>前边和后边的文本的行与行之间的距离将比较小

<blockquote></blockquote>标签之间的文本将会在浏览器中按两边缩进的方式显示出来。

<dl></dl><dt></dt><dd></dd>：用来创建一个普通列表，又称为目录列表或词汇列表，<dt>用来创建列表的上层项；<dd>用来创建列表的下层项。

<dt><dd>都必须放到<dl>之间

<ol></ol><ul></ul><li></li>:用来创建有数字的列表、有原点的列表、创建列表中的项。

文本标签

1.物理字体

<b></b> ：将文本格式化为粗体

<I></I>：将文本格式化为斜体

<u></u>：为文本增加下划线

<tt></tt>：将文本格式化为打字机字体

<sup></sup>：将文本格式化为上角标

<sub></sub>：将文本格式化为下角标

<s></s>：在文本中间加删除线

2.逻辑字体

<em></em>：设置字体为强调

<strong></strong>：加重文本显示

<small></small>：将文本相对缩小显示

<big></big>：将文本相对放大显示

3.特殊字符

&amp   表示值：&

&lt        表示值：<

&gt       表示值：>

&copy   表示值：圆圈里面一个C

&reg     表示值：圆圈里面一个R

&#153   表示值：TM

&pound   表示值：

&yen       表示值：￥

&euro;    表示值：

图片控制标签

<img src=""/>有一个属性alt属性，alt=",,,,,"是用以指定该图片的文字描述。

图片的控制属性

align属性：用来控制图片的对齐方式

vspace、hspace属性用来控制图片周围文本与图片之间的距离

border属性：用来控制图片是否有边框以及框边的大小

<hr>标签

作用是在页面的当前位置加一条水平线，它有四个属性：size、color、width、noshade(是否有阴影)

基本表格

<table></table>---定义表格

<th>---定义表头

<tr>---定义表中的一行

<td>---定义表中的一个单元格

表格的属性

bgcolor---设置表格的背景色

border----设置边框的宽度，默认值为0

bordercolor---设置边框的颜色

cellspacing----设置表格格间空间大小

cellpadding----设置表格格边框与其内部内容之间空间的大小

width---表格宽度

<tr>标签具有以下属性：

align---指定水平对齐，值可为：left、center、right

valign---指定垂直对齐的方式，值可为：top、middle、bottom

width---指定列的宽度

colspan---指定单元格跨占的行数

rowspan---指定单元格跨占的列数

nowrap---指定单元格的内容不自动换行

制作一个简单HTML传统-中秋节 6页 带视频网页（HTML+CSS）
11-24 1254
网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 传统春节网页设计 | 圣诞节节日发展 | 中秋 | 端午传统节日习俗庆祝 | 地区特色 | 网站模板 | 等网站的设计与制 | HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为。
简单学生网页设计 静态HTML CSS网站制作成品大作业——节日春节(8页面)
热门推荐
01-10 2万+
HTML5+CSS大作业——节日春节(8页面) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 文章目录HTML5+CSS大作业——节日春节(8页面)一、作品展示二、文件目录三、
Html制作圆，球
huatek_wp的博客
01-20 1万+
1.圆形：在HTML5中，<figure>表示的是一幅图像或图像的一部分内容，移除内容也不会影响需要表达的语义。 要把这个元素创建成一个圆，我样只要给它设置一个宽度和高度，并且设置border-radius值为50%。border-radius值只要超过50%就能制作一个圆。当然，其前提是元素的width和height是相同（即是一个正方形）。<figure class="circle"></fi
一个简单的HTML网页——传统节日春节网页(HTML+CSS)
最新发布
HTML网页设计 专注大学生网页设计
09-12 470
带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等!等内容，作品共多个页面，学生HTML静态网页基础水平制作，页面排版干净简洁。网页技术方面应用包括网页背景颜色、字号字体设置、超链接、图文页面、菜单栏、顶部大图等网页基础知识点。🏮传统春节网页设计、🎅圣诞节节日发展、🥮中秋、端午传统节日习俗庆祝、🎏地区特色，网站模板 、等网站的设计与制作。1.如果我的博客对你有帮助、如果你喜欢我的博客内容，
中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成品下载 DW春节节日网页作业代码下载 节日春节8页面
qq_365392777
10-15 1万+
HTML5期末大作业：中国传统节日春节网页设计——节日春节8页面 HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 大学生毕设网页设计源码HTML 学生dreamweaver网页设计作业成品 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、
80个HTML5+js小游戏集合
qq_18745063的博客
04-19 2487
80个HTML5小游戏：一个都不能死，捕鱼达人，3D魔方，蜘蛛纸牌，双人五子棋，罗盘时钟，黑客模拟器
前端开发 html第三课 列表 超链接 相对路径 图片
qq_740785701的博客
08-18 1631
1 列表 有序列表，使用ol标签来创建有序列表，使用li表示列表项。 <!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <ol> <li>结构</li> <li>表
HTML模板-HTML5+CSS大作业——节日春节(8页面)
qq_524614081的博客
12-04 1539
HTML5+CSS大作业——节日春节(8页面) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????HTML期末
HTML5期末大作业：蛋糕甜品网站设计——蛋糕甜品店铺(11页) HTML+CSS+JavaScript 关于美食甜品的HTML网页设计
12-17 4503
HTML5期末大作业：蛋糕甜品网站设计——蛋糕甜品店铺(11页) HTML+CSS+JavaScript 关于美食甜品的HTML网页设计 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以
中秋节静态HTML网页作业作品 大学生中秋网页设计制作成品 简单DIV CS网站.md
08-10
- 提到了多种常用的HTML编辑器，如Dreamweaver、HBuilder、Vscode等，这些都是开发静态网页时常用的工具。 8. **文件管理：** - HTML文件、CSS文件、JavaScript文件和图片文件被合理地组织在不同的文件夹中，便于...
如何正确书写正则表达式
爱吃蘑菇的小男孩
12-24 5928
如何书写正则表达式 正则常用到的字符很多，列举一些我经常用到的常用字符 常用匹配字符 含义 [0-9] 匹配单个数字0-9 [a-z] 匹配单个小写字母 [A-Z] 匹配单个大写字母 \s 匹配所有空白字符，如空格、换行等 \n 匹配所有换行符 \
电子相册HTML
爱吃蘑菇的小男孩
07-23 4153
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>电影海报</title> </head> <style> div:hover{ ...
java学习第四天（前端）
爱吃蘑菇的小男孩
07-24 1244
浏览器对象模型（Browser Object Model） 1.一个完整的浏览器对象模型主要包括： window,history,location,document 其中window对象是整个浏览器对象模型的顶层对象。 window对象处于对象模型的第一层，对于每个打开的窗口，系统都会自动将其 定义为window对象 alert方法 <script type="text/javascri...
HTML做表格以及注册界面
爱吃蘑菇的小男孩
08-05 959
代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link href="img/logo.jpg" rel="icon" sizes="any" type="image/x-icon" /> <titl...
相对定位、绝对定位、浮点定位怎么用？
爱吃蘑菇的小男孩
08-17 957
一、绝对定位：position: absolute;left:number px;top:number px; 以body页面（0，0)点作为原点，相对（0，0）点定位，left:number px;为位置距body左边框距离相当于x轴坐标；top:number px; 相当于y轴坐标。 未定位之前如下： 代码如下： #i1{ position: a...
沙场秋点兵（完整版）
爱吃蘑菇的小男孩
08-01 886
沙场秋点兵代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>随机点名器</title> <!-- 作者：1661149355@qq.com ...
label标签和argument方法重载以及eval函数（详解）
爱吃蘑菇的小男孩
07-31 599
一 <label>标签及for属性 Label对象 表示一个HTML<keygen>元素 访问Label对象 使用getElementById()来访问<label>元素 var x=document.getElementById("myLabel"); 创建Label对象 var x=document.createElement("LABEL"); L...
七夕表白
爱吃蘑菇的小男孩
08-07 565
一、七夕表白主页面 界面功能实现： 1.播放音乐； 2.大小标题； 3.循环歌词； 4.更换图片； 5.点击“OK”，跳转到副页面； 6.点击“ON”，跳转到另外窗口。 第一部分 HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <li...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值