1 html
- 绝大多数标签具有属性,建议属性值使用引号引起来;
- 大多数标签可以嵌套;
- html 文件后缀是
html
或者 htm
1.1 空的标签
- 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的;
就是没有关闭标签的空元素(
标签定义换行)
- 建议使用
1.2 html 大小写不敏感
2 新建静态网页项目
<html>
<head><meta http-equiv&#61;"Content-Type" content&#61;"text/html; charset&#61;UTF-8"><title>HTML 4 测试title>
head>
<body>body>
html>
3 文件标签
3.1 html标签
3.2 head标签
用于加载一些重要的资讯,它的内容不会被显示&#xff0c;只有
的内容才会被显示
3.3 title标签
3.4 body标签
常用属性&#xff1a;background
,bgcolor
4 块标签
4.1 div
- 在文档中设定一个块区域&#xff1b;
- 常用属性
align
4.2 span
- 用于在行内设定一个块区域;
- Html中绝大多数元素被定义为块级元素或内联元素;
- 块级元素在浏览器显示时&#xff0c;通常会以新行来开始。例如
div
p
等; - 内联元素在浏览器显示时&#xff0c;通常不会以新行来开始&#xff0c;
span
5 排版标签
5.1 注释
5.2 p
-
标签是段落标签&#xff0c;可以将html文档分割为若干段落。浏览器会自动在段落前后添加空行&#xff1b;
5.2 br
5.3 hr
- 会生成一条水平线;
align
:设置水平线对齐方式 可选值 left right center;size
:设置水平线厚度 以像素为单位。默认为2;width
:设置水平线长度.可以是绝对值或相对值。默认为100%color
:设置水平线颜色.默认为黑色
6 字体标签
6.1 font
- 用于规定文本的字体&#xff0c;大小&#xff0c;颜色;
6.2 h1-h6
7 列表标签
7.1 ul
- 无序列表
type
:规定列表的项目符号类型,可取值 disc,square,circle.默认值为disc
7.2 li
- 表示的是一个列表项;
type
:这个属性只适用于无序列表&#xff0c;用于设定项目符号&#xff0c;默认值为disc;value
:这个属性只适用于有序列表&#xff0c;用于设定列表的项目数字;
7.3 ol
- 有序列表&#xff1b;
type
:这个属性规定列表中使用的标记类型;start
:这个属性规定列表的起始值
8 图形标签
是一个图片标签&#xff0c;用于在页面上引入图片;src
:用于设定要引入的图片的url;alt
:用于设定图像的替代文字,如果图片不存在时&#xff0c;会出现;
9 链接标签
a
- 定义超连接&#xff0c;用于从一个页面链接到另一个页面;
href
:用于设定链接指向页面的url;name
:用于设定锚的名称;target
:用于设定在何处打开链接页面;_blank
:在新页面中打开;
10 表格标签
table
align
:用于设定表格的对齐方式;
-bgcolor
:用于设定表格的背景颜色;border
:用于设定表格边框的宽度;width
:用于规定表格的宽度。
10.1 tr
标签用于定义表格的行,包含一个或多个th
或td
元素;align
:用于设定表格中行的内容对齐方式;bgcolor
:用于设定表格中行的背景颜色
10.2 td
标签用于定义表格单元
10.3 caption
用于定义表格标题; 标签必须紧随标签之后&#xff0c;一个表格只能有一个标题。通常这个标题会被居中于表格之上。
10.4 th
标签用于定义表格的表头&#xff0c;内部的文本通常呈现为居中加粗文本。
推荐阅读
-
本文详细探讨了在Java中如何将图像对象转换为文件和字节数组(Byte[])的技术。虽然网络上存在大量相关资料,但实际操作时仍需注意细节。本文通过使用JMSL 4.0库中的图表对象作为示例,提供了一种实用的方法。 ...
[详细]
蜡笔小新 2024-11-21 21:42:59
-
本文详细介绍如何使用MySQL数据库进行环境搭建,包括创建数据库表并插入示例数据。随后,逐步指导如何配置Maven项目,整合Spring框架与MyBatis,实现高效的数据访问。 ...
[详细]
蜡笔小新 2024-11-21 18:39:23
-
-
本文介绍了二维码的基本概念、分类及其优缺点,并详细描述了如何使用Java编程语言结合第三方库(如ZXing和qrcode.jar)来实现二维码的生成与解析。 ...
[详细]
蜡笔小新 2024-11-21 17:10:15
-
本文详细介绍了在 CentOS 系统中如何创建和管理 SWAP 分区,包括临时创建交换文件、永久性增加交换空间的方法,以及如何手动释放内存缓存。 ...
[详细]
蜡笔小新 2024-11-21 19:01:54
-
本文详细介绍了如何在CSS中使用solid边框属性,包括其基本语法、应用场景及高级技巧,适合初学者和进阶用户参考。 ...
[详细]
蜡笔小新 2024-11-21 18:11:20
-
对于喜爱使用 Linux 终端进行日常操作的系统管理员来说,Calcurse 提供了一种强大的方式来管理日程安排、待办事项及会议。本文将详细介绍如何在 Linux 上安装和使用 Calcurse,帮助用户更有效地组织工作。 ...
[详细]
蜡笔小新 2024-11-21 17:01:54
-
publicclassBindActionextendsActionSupport{privateStringproString;privateStringcitString; ...
[详细]
蜡笔小新 2024-11-21 16:25:41
-
问题描述现在,不管开发一个多大的系统(至少我现在的部门是这样的),都会带一个日志功能;在实际开发过程中 ...
[详细]
蜡笔小新 2024-11-21 15:14:45
-
本文将分享一个使用HTML5技术实现的经典小游戏——《贪吃蛇》。通过H5技术,我们将探讨如何构建这款游戏的两种主要玩法:积分闯关和无尽模式。 ...
[详细]
蜡笔小新 2024-11-21 20:16:59
-
在尝试加载支持推送通知的iOS应用程序的Ad Hoc构建时,遇到了‘no valid aps-environment entitlement found for application’的错误提示。本文将探讨此错误的原因及多种可能的解决方案。 ...
[详细]
蜡笔小新 2024-11-21 19:26:31
-
本文探讨了如何通过优化 DOM 操作来提升 JavaScript 的性能,包括使用 `createElement` 函数、动画元素、理解重绘事件及处理鼠标滚动事件等关键主题。 ...
[详细]
蜡笔小新 2024-11-21 18:16:19
-
本文介绍如何通过继承TabActivity来创建Android应用中的顶部选项卡。通过简单的步骤,您可以轻松地添加多个选项卡,并实现基本的界面切换功能。 ...
[详细]
蜡笔小新 2024-11-21 17:47:42
-
本文介绍了SIP(Session Initiation Protocol,会话发起协议)的基本概念、功能、消息格式及其实现机制。SIP是一种在IP网络上用于建立、管理和终止多媒体通信会话的应用层协议。 ...
[详细]
蜡笔小新 2024-11-21 17:42:08
-
一、Advice执行顺序二、Advice在同一个Aspect中三、Advice在不同的Aspect中一、Advice执行顺序如果多个Advice和同一个JointPoint连接& ...
[详细]
蜡笔小新 2024-11-21 15:28:36
-
本文详细介绍了JQuery Mobile框架中特有的事件和方法,帮助开发者更好地理解和应用这些特性,提升移动Web开发的效率。 ...
[详细]
蜡笔小新 2024-11-21 14:24:21
-
|
|