width 设置图片的宽度 border 设置图片的边框大小 JavaSE的路径也分为相对路径和绝对路径两种：...属性设置 需要单独显示的哪个页面的 地址（可以相对路径，也可以是绝对路径） width 设置宽度 height 设置高度 iframe和a标签组合使用步骤： 1、给iframe...select 是下拉列表框 option 是下拉列表中的选项 selected="selected"表示默认选中 textarea 表示多行文本输入框 起始标签和结束标签中的内容就是默认值 rows...默认宽度就是封装的数据的长度 p ：是段落标签 默认会在段落的上方或下方各空出一行来 需求1：div、span、p标签的演示 这是div块标签1 这是div...块标签2 span>span标签1span> span>span标签2span> 段落1 段落2
# 上角标 # 浏览器的一个横线 内容 # 跟普通写的一样 # 换行符 自闭合标签 # 块级标签㠌套 ...块级标签 内联标签 # 内联标签㠌套 只能㠌套内联标签 span> 内联标签 span> 块级标签： block（块）元素的特点 总是在新行上开始； 宽度缺省是它的容器的100%，除非设定一个宽度。 ...它可以容纳内联元素和其他块元素 内联标签：span> inline 元素的特点 和其他元素都在一行上； 宽度就是它的文字或图片的宽度...3、表单还可以包含textarea(文本)、select(多选)和 label 元素。
并修改宽高，和边框属性 img 标签是图片标签,用来显示图片 src 属性可以设置图片的路径 width 属性设置图片的宽度 height 属性设置图片的高度 border 属性设置图片边框大小...alt 属性设置当指定路径找不到图片时,用来代替显示的文本内容在 JavaSE 中路径也分为相对路径和绝对路径....> 跨行跨列表格 （* 次重点，必须掌握 *） 需求 1：新建一个五行，五列的表格，第一行，第一列的单元格要跨两列，第二行第一列的单元格跨两行，第四行第四 列的单元格跨两行两列。...-- 需求 1： 新建一个五行，五列的表格， 第一行，第一列的单元格要跨两列， 第二行第一列的单元格跨两行， 第四行第四列的单元格跨两行两列。...selected="selected"设置默认选中 textarea 表示多行文本输入框 （起始标签和结束标签中的内容是默认值） rows 属性设置可以显示几行的高度 cols 属性设置每行可以显示几个字符宽度
： 自闭和标签：meta标签 主动闭合标签 6、 body标签 特殊的符号： 空格，>,< p标签：表示段落，默认段落之间是有间隔的 br：换行 H标签：标题，从H1-H6，效果...span标签：空白标签 效果： ?...关于标签的小总结： 所有标签分为： 块级标签：h标签（加大加粗）、p标签（段落和段落有间距），div标签（白板） 行内标签（内联标签）：span标签（白板）、a标签 div标签 标签之间可以嵌套 标签存在的意义...; height: 100px; } 这种方式下面的标签在调用的时候是通过class调用 标签选择器 div {...宽度，padding,margin 行内标签：无法设置高度，宽度，padding,margin 块级标签：设置高度，宽度、padding,margin
不建议写成 格式化标签 加粗: strong 标签 和 b 标签 倾斜: em 标签 和 i 标签 删除线: del 标签 和 s 标签 下划线: ins 标签 和 u 标 b 加粗当文本不能正确显示的时候, 会显示一个替换的文字. title: 提示文本. 鼠标放到图片上, 就会有提示. width/height: 控制宽度高度....高度和宽度一般改一个就行, 另外一个会等比例缩放. 否则就会图片失衡. border: 边框, 参数是宽度的像素. 但是一般使用 CSS 来设定....分成两个部分: 表单域: 包含表单元素的区域. 重点是 form 标签. 表单控件: 输入框, 提交按钮等. 重点是 input 标签....rows 和 cols 也都不会直接使用, 都是用 css 来改的. 无语义标签 div 标签, division 的缩写, 含义是分割 span 标签, 含义是跨度 就是两个盒子.
一、HTML概述 1、简介 超文本标记语言，是最基本的网页开发语言； 标记语言不是编程语言，没有什么逻辑性； 2、概述 ①html文档后缀名：.html或者.htm； ②标签分为： 围堵标签：有开始标签和结束标签...，例如； 自闭标签：开始标签与结束标签在一起，例如； ③标签可以嵌套； ④在开始标签中定义属性，属性由键值对构成，但需要用引号（单双引号都可以）引起来； ⑤html标签字母不区分大小写...-- HTML段落和水平线：颜色、宽度、高度、对齐方式 --> 段落 标签 --> 这是div span>这是spanspan> 备注： div独占一行；span的文本信息在一行内展示； 7、语义化标签 代码：...-- 块标签 --> 这是div span>这是spanspan> 备注： 语义化标签也是主要结合CSS使用，语义化标签是为了提高代码的可读性
首先，HTML元素从闭合属性上可分为2类： 自闭和标签 自闭和标签在html元素中的比例不大，常用的就以下几个： 从上面的标签可以看出，自闭合标签形如...,placeholder设置的值表示当value为空时，给用户的提示文字。...tbody>: 表格主题内容;tr>tr>表示一行记录；表示一列，但嵌套在tbody标签的tr标签内；也表示一列，但嵌套在thead标签的tr标签内； 注意：...一个表格只有一个table标签； 一个table标签内只有一个thead和一个tbody; 一个thead内只有一个tr,thead中的tr中可以有多个th（可以有多列）; 一个tbody中可以有多个tr...如果您在 label 元素内点击文本，就会触发此控件。 就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
首先，HTML元素从闭合属性上可分为2类： 自闭和标签 自闭和标签在html元素中的比例不大，常用的就以下几个： 从上面的标签可以看出，自闭合标签形如...> select>select> 元素可创建单选或多选菜单； select元素中的标签用于定义列表中的可用选项。...;: 表格主题内容;tr>tr>表示一行记录；表示一列，但嵌套在tbody标签的tr标签内；也表示一列，但嵌套在thead标签的tr...标签内； 注意： 一个表格只有一个table标签； 一个table标签内只有一个thead和一个tbody; 一个thead内只有一个tr,thead中的tr中可以有多个th（可以有多列）; 一个tbody...如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
用途 标签定义表格中一个或多个列的属性值。通常在元素内。...例子 span="2" style="background... tr> tr> A B C D tr> 执行结果 A B C D A B C D A B C D 变更点 标签在HTML5与HTML4.01之间存在如下差异 HTML5有一些新的属性...valign 原用于定义同col元素相关的内容的垂直对齐方式。 width 原用于定义col元素的宽度。
以下列举的标签都写在中 ---- 以上是一个HTML页面所包含的标准结构，这些标签在页面中是看不见的（除了title），接下来看看那些页面中可以看到的标签 在介绍前先了解下内联元素...上面例子中有两个标签上面没有提到，就是和span>。就是个典型块级元素，而span>是个典型的内联元素。...内联元素、块级元素 回到上面的例子，细心的同学可能会奇怪，为什么代码写了三行文字，页面上却只有两行？而且后面的两行是连在一起的？这就要说到块级元素和内联元素了。...常用的块级元素：、、、、。 内联元素 和相邻的内联元素在同一行; 宽度、高度、内边距的top/bottom和外边距的top/bottom都不可改变。...表格 用于绘制表格，需要用到一下内部标签： tr>：表格分割若干行数 ：每行被分割为若干单元格 ：表格头 属性 border：表格边框的宽度（pixels） cellpadding
，占据一行；div标签内可以添加其他的标签元素（行内元素、块级元素都行） div标签可以通过css样式来设置自身的宽度（也可省略，当没有使用css自定义宽度时，div标签的宽度为其的容器的100%...；span标签内只能添加行内元素的标签或文本 span标签的宽度、高度都无法通过css样式设置，它的宽高受其本身内容（文字、图片）控制，随着内容的宽高改变而改变； span标签无法控制外边距和内边距...因此内容里如果存在 , 就会发生混淆 v 标签 和 span 标签区别 div标签是块级元素，每个div标签都会从新行开始显示，占据一行；div标签内可以添加其他的标签元素（行内元素、块级元素都行...） div标签可以通过css样式来设置自身的宽度（也可省略，当没有使用css自定义宽度时，div标签的宽度为其的容器的100%）、高度，且还可以设置标签之间的距离（外边距和内边距）； 还可以在div...标签中，使用其他标签（行内元素、块级元素都行），比如：span标签，p标签，也可以是div标签 span标签是行内元素，会在一行显示；span标签内只能添加行内元素的标签或文本 span标签的宽度
8、表单 表单标签共有4个：、、select>和。其中select>和是配合使用的。...和option 下拉列表由select>标签和标签配合使用。...生成的框架结构是依赖上级空间尺寸的，它的宽度或者高度必须有一个和上级框架相同。而浮动框架可以完全由指定宽度和高度决定。...font-weight属性值 说明 normal 默认值,正常体 lighter 较细 bold 较粗 bolder 很粗（效果跟bold差不多） 在表格中，我们比较常用的标签是table, tr和td...也就是说，＜br/＞标签只适合用于p标签内 部的换行，不能用于其他标签。
hr 标签在浏览器中呈现出 横线 的效果。...例如宽度设置为 50%，意思就是占它的父标签宽度的一般（50%）资源路径：图片，音频，视频标签都有src属性，而src是用来指定对应的图片，音频，视频文件的路径。此处的图片，音频，视频就称为资源。...，表格可以使用如下标签定义table ：定义表格border：规定表格边框的宽度width ：规定表格的宽度cellspacing：规定单元格之间的空白tr ：定义行align：定义表格行的内容对齐方式...div标签 在浏览器上会有换行的效果，而 span 标签在浏览器上没有换行效果。代码演示：我是spanspan> span>我是spanspan>浏览器效果如下：图片1.9 表单标签表单标签效果大家其实都不陌生，像登陆页面、注册页面等都是表单。
HTML 的文件基本结构 html 标签是整个 html 文件的最顶层标签，head 标签中写页面的属性，body 标签是页面中显示的内容，title 标签是页面的标题，当把上面的代码在浏览器中运行一下可以看到...p 标签的段落换行和 br 标签的换行中间的行距也有点不一样 2.4....表示上一级目录 还可以设置图片的宽度和高度...表单标签 表单是让用户输入信息的一种途径，这些输入框就是一个表单，表单分成表单域和表单控件两个部分 3.2.1. input 标签 可以输入各种组件，如单行文本框，密码框，按钮，单选框，复选框等,type...无语义标签 div 和 span div 是独占一行的，span 只占一块 span>你好span> span>你好span> <
8、表单 表单标签共有4个：、、select>和。其中select>和是配合使用的。...和option 下拉列表由select>标签和标签配合使用。...生成的框架结构是依赖上级空间尺寸的，它的宽度或者高度必须有一个和上级框架相同。而浮动框架可以完全由指定宽度和高度决定。...(2 ) div常用于页面中较大块的结构划分，然后配合CSS来操作；span 一般用来包含文字等, 它没有结构的意义，纯粹是应用样式。当其他行内元素都不适合的时候，可以用span来配合CSS 操作。...也就是说，＜br/＞标签只适合用于p标签内 部的换行，不能用于其他标签。
head 和 body 是 html 的子标签(html 就是 head 和 body 的父标签) title 是 head 的子标签. head 是 title 的父标签. head 和 body.... content="width=device-width, initial-scale=1.0" 在设置可视区和设备宽度等宽, 并设置初始缩放为不缩放....当图片不能正确显示的时候, 会显示一个替换的文字. title: 提示文本. 鼠标放到图片上, 就会有提示. width/height: 控制宽度高度....高度和宽度一般改一个就行, 另外一个会等比例缩放. 否则就会图片失衡. border: 边框, 参数是宽度的像素. 但是一般使用 CSS 来设定....点击 label 也能选中对应的单选/复选框, 能够提升用户体验. for 属性: 指定当前 label 和哪个相同 id 的 input 标签对应.
文本内容，特点：上下自动生成空白行，而标签换行不会生成空白行 标题标签，h1-h6 取值到h6，建议h1标签在一个页面里只能出现一次 文本标签 文本内容...alt="" title="" width="" height=""> src：图片来源，必写 alt：替换文本，当图片不显示的时显示的文字 title：提示文本，当鼠标放到图片上时显示的文字 width...：图片宽度 height：图片高度 注：图片没有定义宽高的时候，图片按照百分之百比例显示，如果只更改图片的宽度或者高度，图片等比例缩放 超链接标签:标签语义化意义： 网页结构合理 有利于seo:和搜索引擎建立良好沟通，有了良好的结构和语 义你的网页内容自然容易被搜索引擎抓取 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备） 便于团队开发和维护...尽可能少的使用无语义的标签div和span； 在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利； 不要使用纯样式标签，如：b、font、u等，改用
强调语句标签 用于强调某些文字的重要性 更加强调标签 和 标签一样，用于强调文本，但它强调的程度更强一些 无语义标签span>span...> span>标签是没有语义。...，用于用户和计算机交互 第四节、表格 表格标签 表格的一行tr>tr> 有几对tr, 表格就有几行。...，用于输入一定范围内的值 date 选取日期和时间（还包含：month、week、time、datetime、datetime-local） color 选取颜色 按钮 button标签的功能与...> • 选项是下拉选择框里面的每一个选项 • selected：当某个option选项有这个属性时候，select默认选中这个选项 文本域 <textarea
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
