HTML的笔记(上) 什么是HTML HTML：Hyper Text Markup Language(超级文本标签语言) HTML页面结构 有两部分组成： 文档类型声明 作用：告诉浏览器使用的是HTML...，必须使用括起来，标记分为两大类封闭类型标记 也叫双标记，必须成对出现，有开始和结束标签。...： 1.绝对路径：从文件所在的最高级目录开始查找所经过的路径 2.相对路径从当前文件位置出开始查找所经过的路径 相对路径口诀： 同目录，直接用（直接填写图片名） 子目录，先进入，再使用...列表的组成 由列表类型和列表项组成 1.列表类型： 有序列表: —Order list 无序列表： —Unorder list 2.列表项： 用于表示列表中的数据：...其他元素 Input元素 作用：在页面中提供各种各样的输入控件 语法：或者 属性： type 指定创建输入控件的类型 取值 text 文本框 password
除了文字 信息，还可以定义图片、音频、视频等内容 标记语言：由标签构成的语言 HTML 运行在浏览器上，HTML 标签由浏览器来解析 HTML 标签都是预定义好的。...例如：使用展示图片 W3C 标准：网页主要由三部分组成 结构：HTML 表现：CSS 行为：JavaScript 一.HTML 1.快速入门 1.新建文本文件，后缀名改为.html2.编写 HTML...2，值 3)：值的取值范围：0~255rgb(255,0,0)3....，在当前页面打开_blank:在空白页面打开 5.列表标签 有序列表 无序列表 type:设置项目符号 6.表格标签 table:定义表格 border:规定表格边框的宽度 width:规定表格的宽度...表格标签 8.表单标签 表单：在网页中主要负责数据采集功能，使用标签定义表单 表单项（元素）：不同类型的 input 元素、下拉列表、文本域等 form:定义表单 action：规定当提交表单时向何处发送表单数据
标记语言：由标签构成的语言 之前学习的XML就是标记语言，由一个一个的标签组成，HTML 也是由标签组成 。...我们在浏览器页面右键可以查看页面的源代码，如下 可以看到如下内容，就是由一个一个的标签组成的 这些标签不像XML那样可以自定义，==HTML中的标签都是预定义好的，运行在浏览器上并由浏览器解析，==...他们规定了一个网页是由三部分组成，分别是： 结构：对应的是 HTML 语言 表现：对应的是 CSS 语言 行为：对应的是 JavaScript 语言 HTML定义页面的整体结构；CSS是用来美化页面，让页面看起来更加美观...1.2 快速入门 新建文本文件，后缀名改为 .html 页面文件的后缀名是 .html，所以需要该后缀名 编写 HTML 结构标签 HTML 是由一个一个的标签组成的，但是它也用于表示结构的标签 表格，表格可以使用如下标签定义 table ：定义表格 border：规定表格边框的宽度 width ：规定表格的宽度 cellspacing：规定单元格之间的空白
--页面B中进行跳转--> 跳转到a页面的内容中 我是B页面 table表格 * 表格标签 和办公软件Excel表格是类似的...表格应用场景 布局简单，变动的可能性比较小的情况下考虑使用表格 例如：登录、注册页，百度新闻的热搜新闻词模块，查询数据，后台用于数据展示。...标签划分 从行业的官方规范来讲，对标签的划分分两种 块元素：单独占整行（自带换行符），可以设置宽高属性的 ~、、div>、、..... div和span * 从理论上进行划分从而规范开发 本章作业 结合表单及表格实现一个登录页、注册页
标签的真正关键点不是它的默认样式双引号（和手输双引号效果一样但意义不一样），而是它的语义：引用别人的话。 引用效果： ? 双引号效果： ? ...被包围在 pre 元素中的文本通常会保留空格和换行符。 ? 7、 列表标签 () 注解：列表可以使用ul-li标签来完成。...8、div> 注解：可以把一些独立的逻辑部分划分出来，放在一个div>标签中，这个div>标签的作用就相当于一个容器。 ...一个html页面可以看成一个家，而每一个div可以看成家的每个小房间，每个小房间的装饰由css负责 div id="模块名称"> 每一个div>都可以有一个id， 这个id 就相当于每个房间的门牌号...，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。
平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时，可以通过“右键/查看网页源代码”看到具体的html代码。...1.2.1.3 HTML语言特点 HTML文件不需要编译，直接使用浏览器阅读即可 HTML文件的扩展名是*.html 或 *.htm HTML结构都是由标签组成 标签名预先定义好的，我们只需要了解其功能即可...标签名不区分大小写 通常情况下标签由开始标签和结束标签组成。例如： 如果没有结束标签，建议以/结尾。...以上使用的标签组成了HTML页面的基本结构，现将所有标签进行陈述： 整个页面的根标签，理论上一个页面只需要一个，由头和体组成。...4.2.1.1 表格标签 HTML表格由标签以及一个或多个、或标签组成。 是父标签，相当于整个表格的容器。
HTML：是Hyper Text Markup Language（超级文本标记语言）的缩写，HTML不是一种程序，只是一种控制网页中数据显示的标识语言。 HTML由一组标签组成。...1.实际应用中记住以下几种便签的就ok了： 块级标签：div> 占满一行,可以设置宽，高 行级标签： 只占用自己的大小，不可以设置宽...2.列表与表格标签 无序列表标签。...HTML中的表格通过、、、四个标签完成。...(现在用的很少了，基本都用现成的表格UI组件) cellspacing、cellpadding 在tale便签上写，清除单元格之间的空隙和单元格内的填充 rowspan、colspan 在td单元格内写
标记语言：由标签构成的语言 之前学习的XML就是标记语言，由一个一个的标签组成，HTML 也是由标签组成 。...我们在浏览器页面右键可以查看页面的源代码，如下 可以看到如下内容，就是由一个一个的标签组成的 网页是由三部分组成，分别是：结构：对应的是 HTML 语言表现：对应的是 CSS 语言行为：对应的是 JavaScript 语言HTML定义页面的整体结构；CSS是用来美化页面，让页面看起来更加美观...1.2 快速入门新建文本文件，后缀名改为 .html 页面文件的后缀名是 .html，所以需要该后缀名编写 HTML 结构标签 HTML 是由一个一个的标签组成的，但是它也用于表示结构的标签 表格可以使用如下标签定义table ：定义表格border：规定表格边框的宽度width ：规定表格的宽度cellspacing：规定单元格之间的空白tr ：定义行align：定义表格行的内容对齐方式
提供的信息是用户不可见的 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能...>内常用标签 基本标签（块级标签和内联标签） ''' n的取值范围是1~6; 从大到小....（自闭合标签，不需要） :一行水平线 特殊字符： < >；"；©® (空格) ''' div>和 div...，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。...表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。
(一) HTML5：超文本标记语言 (1) 基本概念 是由一系列成对出现的元素标签（标记）嵌套组合而成 ( XML也是标签构成的 ) 这些标签以标签名称>的形式出现，用于标记文本内容的含义 浏览器通过元素标签解析文本内容并将结果显示在网页上...，例如页面标题，字符集和关键字等- 网页标题标签，即被收藏以及搜索引擎中搜索出的名称 元数据标签，不显示，但是机器可读，常用于搜索引擎索引(SEO优化) 字符集声明（网页编码声明） 关键词声明...例如小于符号（和大于符号（>）是无法直接输出的，因为它们会被误认为是元素标签的组成部分；而连续空格也无法正确显示，会被浏览器缩减为单个空格。...表格标签 可以对数据进行格式化，使数据显示更加清晰，可用于静态页面和动态页面的排版 : 表示表格的范围 width：宽度 border：边框 cellpadding...容器标签 A. div>标签 标签div>可将网页页面分割成不同的独立部分，通常用于定义文档中的区域或节。
语法：标签使用 为标志，在 内部写标签名和标签属性 注释语法： <!...例： 或者 标签属性： 标签属性书写在开始标签中，使用空格与标签名隔开，用于设置当前标签的显示内容或者修饰显示效果。由属性名和属性值组成，属性值使用双引号表示。..."©" 使用 ¥ 在页面中呈现人民币符号"￥" 容器标签 常用于页面结构划分，结合 CSS 实现网页布局 div id="top">页面顶部区域div> div id="main">页面主体区域...list item 列表项 list item 列表项 表格标签 表格由行和单元格组成，常用于直接的数据展示或辅助排版，基本结构如下 的信息并提交给服务器，由表单元素和表单控件组成。
（这样写让搜索引擎知道你的这个站点是中文还是英文网站） ---- meta标签用来描述一个HTML网页文档的属性，此处的charset=”utf-8”是说当前使用的是...比如文档的描述和关键词。它只可以放在head中。属于元信息标签。 常见的meta有: Keywords(关键字) keywords用来告诉搜索引擎你网页的关键字是什么。...---- (3).表格行和列常用属性 表格行的常用属性 表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签 属性 描述 height 行高 align 行内容的水平对齐 valign...行内容的垂直对齐 bgcolor 行的背景颜色 ---- 表格列的常用属性 一个表格有几列组成就要有几个列标签 属性 描述 width/height 单元格的宽和高 align 设置水平对齐方式...> ---- 21.表单域 表单是由窗体和控件组成的,一个表单一般应该包含用户填 写信息的输入框,提交按钮等，这些输入框,按钮叫做控件,表单很像容器,它能够容纳各种各样的控件。
提供的信息是用户不可见的 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能...基本标签（块级标签和内联标签） ''' : n的取值范围是1~6; 从大到小....:水平线 特殊字符： < >；"；©® ''' div>和 div>div> ： div>只是一个块级元素，并无实际的意义... 定义列表 列表标题 列表项 ''' 表格标签: 表格概念 表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成...表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。
一个完整的网页是由HTML（超文本标记语言），css（层叠样式表）JavaScript(动态脚本语言)三部分组成....什么是标签： 1·有尖括号包围的关键词 2·通常是成对出现的 3·也有单独呈现的标签,如：等..... 4·标签不区分大小写和推荐使用小写...>标签之前· 提示：请记住始终为文档规定标题· 标签（停工有关页面的元消息）的组成：meta标签共有两个属性丶它们分别是http-equiv和name属性· 1·name属性 name属性主要用于描述网页丶与之对应的属性值为...2丶html中body标签： body标签包含文档的所有内容（比如文本丶超链接丶图像丶表格和列表等等） 一基本标签 ：n的取值范围是（1-6）从大到小·用来表示标题（块状标签） :段落标签...（这样的定位可以针对任何标签来定位） 第一 div id="456">内容div>（目标标签可以是任意标签） 用于跳转的俩种方式之：name （使用name
，就是绝对路径 1、获取网络资源 由四部分组成 1、协议名称...取值： _blank : 在新标签页中打开网页 _self : 在当前标签页中打开网页 2..."#锚点名称">内容 内容 2、表格 1、表格的介绍 表格的本质是由一些"单元格...中 2、不规则的表格创建 可以通过 td 的 colspan 和 rowspan 两个属性来创建不规则的表格 1、colspan...取值： 1、1 ，使用 数字 作为标识 2、a ，使用 小写字母 作为标识
一个表格是由每行组成的，每行是由每个单元格组成的。 所以我们要记住，一个表格是由行组成的（行是由列组成的），而不是由行和列组成的。...可以 取值：ltr：从左到右（left to right，默认），rtl：从右到左（right to left） 既然说dir是共有属性，如果把这个属性放在任意标签中，那表明这个标签的位置可能会从右开始排列...” method：表单数据的提交方式，一般取值：get(默认)和post form标签里面的action属性和method属性。...总结：在网页中插入Flash时，为了同时兼容多种浏览器，需要将标签和标签标记一起使用，但使用的顺序是：中嵌套标记。...标准的div+css页面，只会用到种类很少的标签： div p h1 span a img ul ol dl input 知道每个标签的特殊用法、属性。
div span标签 div span 是没有语义的 是我们网页布局主要的2个盒子 css+div div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。... 表格 table 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。...位于标签中，一般包含网页中除头部和底部之外的其他内容。 表格标题 表格的标题： caption 定义和用法 caption 元素定义表格标题。...表格中由行中的单元格组成。 表格中没有列元素，列的个数取决于行的单元格个数。 表格不要纠结于外观，那是CSS 的作用。...表单标签 在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。
标签是由尖括号包围的关键字。...DOCTYPE html >是H5的声明位于文档的最前面，处于标签之前。 他是网页必备的组成部分，避免浏览器的怪异模式。 标签用来描述一个HTML网页文档的属性，关键词等 如：charset="utf-8"是说当前使用的是utf-8编码格式 标签和段落是不同的，段落代表一段文本，而文本标签一般表示文本词汇 有序列表 有序列表是一列项目，列表项目使用数字进行标记。...div> div> 密码： div> 表单是由容器和控件组成的
提供的信息是用户不可见的 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能...:水平线 特殊字符： < >；"；©® 3.2 div>和 div>div>： div>只是一个块级元素，并无实际的意义。...: 表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。...表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。...注意和id属性的区别：name属性是和服务器通信时使用的名称； 而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在css和javascript中使用的 value
，而是由W3C和其他标准化组织制定的一系列标准的集合。...如果希望某段文本强制换行显示，就需要使用换行标签 ---- div span标签(重点) div span 是没有语义的 是我们网页布局主要的2个盒子 css+div... ---- 表格 table(会使用) ---- 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。...位于标签中，一般包含网页中除头部和底部之外的其他内容。 ---- 表格标题 表格的标题： caption 定义和用法 caption 元素定义表格标题。...公式： 删除的个数 = 合并的个数 - 1 合并的顺序 先上后下 先左后右 ---- 总结表格 表格提供了HTML 中定义表格式数据的方法。 表格中由行中的单元格组成。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
云直播
实时音视频
