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;内部的文本通常呈现为居中加粗文本。
推荐阅读
-
#(滑稽)再也不用bing每日图片了,用大米API自己也能换风景图所有图片格式均为.JPG,支持JSON输出。***2019-12-16*header( ...
[详细]
蜡笔小新 2024-10-16 16:22:22
-
1.html页面如何使用swiper对swiper不熟练的小伙伴们可能不知道怎么开始使用它,那么下面就让我来简单讲述一下关于swiper的使用流程,这 ...
[详细]
蜡笔小新 2024-10-16 15:22:26
-
-
先参考一下百度百科对冒泡事件流的解释:----------不喜欢读文字的同学,可以直接看下面demo,传递顺序简单明了!ht ...
[详细]
蜡笔小新 2024-10-14 19:37:55
-
“go-zero是一个集成了各种工程实践的web和rpc框架。通过弹性设计保障了大并发服务端的稳定性,经受了充分的实战检验。”序言微服务架构中,调用链可 ...
[详细]
蜡笔小新 2024-10-16 17:51:34
-
#region批量插入数据批量插入收集库件级文书档案信息实体(批量)数据表publicintBulkInsert(DataTabletable){intinsertCount0;t ...
[详细]
蜡笔小新 2024-10-15 15:29:59
-
自己测试成功!不喜忽喷。直接上代码。第一步:packagecom.example.demo.base.web;importjava.io.File;importjava.util. ...
[详细]
蜡笔小新 2024-10-15 12:55:24
-
原文:http:blog.csdn.netdamotianshengarticledetails406284171.Knn算法介绍:百度百科:http:baike.b ...
[详细]
蜡笔小新 2024-10-16 18:13:05
-
iText7LtvVerification.addVerifica ...
[详细]
蜡笔小新 2024-10-16 15:37:25
-
蜡笔小新 2024-10-16 14:25:04
-
本文整理了Java中com.atlassian.jira.issue.Issue.getDueDate()方法的一些代码示例,展示了Issue.getDue ...
[详细]
蜡笔小新 2024-10-16 12:44:12
-
文件。C#中的AppendAllText(字符串、字符串、编码)方法,示例 ...
[详细]
蜡笔小新 2024-10-16 12:33:15
-
一、ConfigurationTarget({ElementType.TYPE})Retention(RetentionPolicy.RUNTIME)DocumentedC ...
[详细]
蜡笔小新 2024-10-16 12:04:06
-
java.lang.IllegalStateException:Failedtoloadpropertysourcefromlocationclasspath:applicatio ...
[详细]
蜡笔小新 2024-10-16 10:15:01
-
篇首语:本文由编程笔记#小编为大家整理,主要介绍了想说爱你不容易|使用最小WEBAPI实现文件上传(Swagger支持)相关的知识,希望对你有一定的参考价值。 ...
[详细]
蜡笔小新 2024-10-16 08:55:19
-
1、问题描述:使用QueryList爬取https页面报错; ...
[详细]
蜡笔小新 2024-10-15 21:46:06
-
|
|