摘要:表格定义表格以网格形式表示数据。标题一标题二标题三用来创建表格,表格的内容逐行编写每行单元格表示行列的标题。在中,声明需引用文档类型声明,因为是基于标准通用标记语言。块级元素有些元素在浏览器窗口中显示总是另起一行,这些元素被称为块级元素
结构
Document
HTML 代码由包含在尖括号中的字符组成。这些成为 HTML 代码元素。
通常由两个标签组成:一个起始标签个一个结束标签(结束标签要多一个斜杠)。
位于起始标签 和 之间的代码都是 HTML 代码。
位于 body 标签之间的代码都会显示在浏览器的主窗口中
包含有关这个页面的一些信息
使用meta,我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等
HTML 页面是文本文档
HTML 使用的标签(尖括号及其字符)位包含在其中的内容提供结构信息
标签经常与元素互换使用
标签通常成对出现。
标签可以附带特性。特性由特性名称和特性值组成
文本 标题主标题
次标题
至
用在主标题上
用在子标题上
要添加的段落
:在成段的文字两端分别添加起始标签
和结束标签
构成了HTML中的段落默认情况下,浏览器在显示段落时会另起一行并于后续段落保持一定的距离
粗体/斜体要加粗的文本
无其他特殊含义,但是它可以在外观上将其中的文字以粗体展示出来
要倾斜的文本
无其他特殊含义,但是它可以在外观上将其中的文字以倾斜展示出来
上标/下标上标字符
用来记作上标的字符,像22
要倾斜的文本
用来记作下标的字符。通常用在脚注、化学式中:H2O
空白当浏览器遇到两个或者两个以上的空格时,只将其显示位一个空格,换行同样是此问题,这一特性称为白色空间折叠
换行符/水平线
:换行符
:水平线符
:作用是表示内容十分重要,在浏览器中显示粗体
:起强调作用,能够改变语句的含义,在浏览器中默认显示斜体
:用来标记那些会占用一整段的较长的引用。通常浏览器会对此元素中的内容进行缩进。
:用来标记段落中较短的引用
:缩写词/缩写字母可以使用此元素,其起始标签中的title特性用来指定相应的词汇的完整形式。
引文/定义:当引用作品时(书籍、电影、研究报告)可以使用此元素
:解释新术语时,可以用此元素
:设计者的联系方式
:显示已经插入到文档中的内容:表示不准确、不相关却不应当删除的内容:表示已经从文档中删除的内容
有序列表是指为其中的每个项目编号的列表。
- 项目1
- 项目2
- 项目3
- 项目4
- 项目5
可以通过list-style-type css属性设置编号类型
无序列表 定义无序列表是以点状(默认)项目符号作为开头的列表
可以通过list-style-type css属性设置编号类型
定义列表 定义定义列表是由一系列术语及其定义组成的列表
HTML 中有三种列表:有序、无序、定义列表
有序列表使用数字编号
无序列表使用项目编号
定义列表用来定义专业属于
列表可以嵌套在其他列表中
链接 作用跳转到另一个网站
跳转到另一网页
指向同一网页内的另一个位置
在新的窗口打开链接
:有一个重要的特性:href ,该特性的值设定了链接的目标。即点击该连接时所到达的页面地址。
默认情况下是蓝色并带有下划线的样式。
URL:全称是”Uniform resource locator(统一资源定位器)“
绝对 URL:以网站的域名开头,域名后面可以指定具体的页面路径,没指明具体路径将显示网站主页。
相对 URL:若是同一网站的其他页面,可使用相对路径,不用指定网站的域名。
email johnson新窗口打开链接
链接到当前页面的某个位置
总结标题1
arc_shot interlude prologuearc shot
fujashfujaskhfjkasdfjask
interlude
dfahuifhfuisdhbfujkasbfujkdas
prologue
fhasdiufhasjduihfujasidfh
top
如果链接到网站的内部的某个页面相对于完全限定 URL ,最好使用相对链接
可以通过 id 特性将某个科链接某个科链接的页面上的元素作为链接目标
图像src 属性告诉浏览器在何处可以找到所需的图像文件
alt 属性是当图像文件显示不出来时对图像进行描述
title 当光标停留在图像上时会以提示的方式显示title属性的内容
元素用于向网页中添加图像
必须为 元素指定 src 特性和 alt 特性,src 用来表示图像的源地址,alt 特性用来描述图像的内容。
表格 定义表格以网格形式表示数据。
标题一 | 标题二 | 标题三 |
---|---|---|
1 | 3 | 2 |
4 | 5 | 7 |
表格是逐行绘制的,行是由 每一行中都有一定数量的由 可利用colspan(跨列)rowspan(跨行)来使表格中的单元格跨越多行/多列 长表格可以分为、、`三个部分
表单
表单结构
:表单控件位于元素中,每一个form 都应该设置 action 属性和 method属性。 两种用法: 将文本说明和表单输入框全部包围起来 与表单控件分开,使用for属性来指明 元素所关联的表单控件。for属性值与他所标注的表单控件的 id 属性相匹配。 !DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。 标签定义及使用说明 元素位于 每一个元素都有id/class属性 有些元素在显示时总是与它的临近元素出现在同一行内,这些元素被称为内联/行内元素。 有些元素在浏览器窗口中显示总是另起一行,这些元素被称为块级元素 文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。 转载请注明本文地址:https://www.ucloud.cn/yun/54598.html 摘要:行内元素特征设置宽高属性无效设置仅左右水平方向有效,上下垂直无效设置上下左右都有效内容不会自动进行换行行内块元素行内块元素综合了两者的特征,各有取舍,可以对任意元素进行属性设置。
文章大纲来源:【Day 1】HTML & HTML 5
标记语言
XHTML/HTML/HTML 5异同
了解doctype
HTML
HTML 5
标记语言
标记语言(ML)即 Markup Langu... 摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范... 摘要:浏览器一个浏览器的作用是读取并显示一个文档。声明声明有助于浏览器能够正确地显示页面。声明是不区分大小写的,以下所有写法都是正确地常见声明版本在网络的早期,就具有了很多版本版本年份本文翻译于网站提供的教程。
什么是HTML
HTML 是一种描述 Web 文档(页面)的标记语言。
HTML 代表超文本标记语言(Hyper Text Markup Language)
标记语言就是一组标记标... 阅读 715·2023-04-25 17:54 阅读 2973·2021-11-18 10:02 阅读 1133·2021-09-28 09:35 阅读 650·2021-09-22 15:18 阅读 2849·2021-09-03 10:49 阅读 3053·2021-08-10 09:42 阅读 2574·2019-08-29 16:24 阅读 1258·2019-08-29 15:08:用来创建表格,表格的内容逐行编写
:每行 :单元格 :表示行/列的标题。可以使用scope 表示此元素时列标题还是行标题。row 是指行标题,col 是指列标题。
colspan:跨列
rowspan:跨行
总结
元素是用来向网页中添加表格
创建的
元素(表示标题是为 )表示的单元格
action:属性值是服务器上一个页面的URL
method:可以采用get/post
//时间控件
//必填
// 邮件控件
//搜索控件
其他标记
DOCTYPE(文档类型)
声明位于文档中的最前面的位置,处于 标签之前。
声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中, 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。相关文章
前端菜鸟笔记 Day-1 HTML&HTML 5
01-html介绍和head标签
w3schools网站的HTML教程之HTML介绍
发表评论
0条评论
stackfing
男|高级讲师
TA的文章
阅读更多
tensorflow
Mac 开发工具汇总
学姐:软件测试分为哪几个阶段,我支支吾吾答不上来...
云主机如何选购-如何选择云主机部署管理软件?
VmShell:新上美国洛杉矶CN2 GIA线路VPS;100M带宽/年付8折/香港CMI也参与优惠
星梦云:夏日激情大宽带促销四川100G高防4H4G21M月付仅99元,西南高防月付特价活动,续费同价
标签.类名的权重是多少?
微信小程序之swiper轮播图中的图片自适应高度