1.h1-h6标签
都是标题标签。定义一段的标题。h1最大,依次减少,h6最小。
标题标签的作用:以粗体显示文本
2.段落标签:p标签
用于显示忽略源代码排版的文本(图片)
块元素:独占一行的元素,不能与相邻元素共享同一行。所有块元素都具有align属性,h1-h6和p元素都是块元素
3.格式标签:
b标签:粗体文本
Del标签:嵌入的文本中间有水平线
Em标签:包围的文本以斜体显示
I标记:包围的文本以斜体显示
Pre标签:显示源代码排版
Strong标签:和em一样,都有强调的意义。要突出显示一段文字,建议使用strong标签
u标签:为文本添加下划线
Sup:定义上标文本
子:下标文本定义
4.照片标签img,用于在网页上显示图片
属性:1.src:图的路径。可以使用相对路径或绝对路径,建议不要使用绝对路径
Alt:定义了无法显示图片时的替代文本
相对路径:使用当前文件的位置作为参照路径定义的路径称为相对路径
绝对路径:硬盘上文件的物理路径称为绝对路径。
例如:
D:work20181129JAVA类课件 01-web前端课件web-day1Codeweb-day1img
可选属性:
1.title:鼠标悬停在图片上时的提示文本。所有元素都具有title属性
2.定义width3360图片的宽度。默认值以px像素为单位。可以省略单位,不使用
3.height:定义了插图的高度
Br标签:换行标签,br或br/
Hr标签:可以用HR或hr/写的水平标签、width(宽度)、size(高度)和color(颜色)属性
5.span:通常用于修饰文本,并且可以添加样式(例如,style=' color: red'))
Div:将文档分为多个独立的部分,块级元素。
6.ul定义无序列表,type属性定义列表项目的标签,默认值为disc
Type='disc '默认黑点
Type='circle '中的空点
Type='square '框
Ol定义已排序的列表,type属性定义项目的标记,默认值为数字
Type='A '或' a'表示大写或小写字母
Type='I '或type='i '表示罗马大写字母或罗马小写字母
7.border:定义表格的边框属性
Cellspacing:单元格之间的距离;如果设置为0,则只有一个边框
Cellpadding:单元格的内容和边框之间的距离
8.标头:表格中显示栏标头的第一列。使用th定义标题中的每一列,并将内容以粗体居中
通常,第一行是标题行,从第二行开始显示特定数据的数据行。
使用table data cell(TD)表示数据行中的每一列
表的align='center '将整个表居中对齐
Tr(table row)中的align='center '将行内的内容居中对齐
Caption:定义与表格中心相对应的表格标题
9.colspan:列交叉点(水平合并单元格),值是要合并的单元格数
Rowspan:行范围,即垂直合并单元格;值是要合并的单元格数
用于创建表单、收集用户输入数据和提交给服务器程序的10。form:表单标签
属性:action:指定要向其发送表单数据的服务器程序
指定Method:数据的提交方式。常用值为get、POST,默认值为GET
表单域:也称为表单元素,负责收集用户输入的数据并将其提交给服务器端程序
常用表单域:1.input元素:type属性的值不同,表示多种形式
Type='text'表示提供文本输入的文本框
Type='radio'复选框(单选按钮),多个复选框的name值必须相同。如果名称不同,则不能相互排斥。提交时提交value值
Type='checkbox'核取方块。当name相同时,可以提交多个值(value属性值)
type='file''文件域,用户可以在其中选择要上载到服务器的本地文件
Type='hidden'隐藏域、用户不可见的元素、默认值可能存在,可以提交给服务器(隐藏域常用于javaEE开发)
2.
select元素:表示下拉列表,又叫下拉框,在下拉列表中用option元素定义待选择的选项,默认第1个选项被选中,
设置某个option被选中: 在option元素上添加selected="selected"或者selected
设置下拉列表为多选下拉列表:在select元素上加multiple属性
关于选中元素的设置:
1)设置单选框或复选框被选中的属性是checked
2)设置下拉列表的某个选项被选中的属性是selected
11. body标签:
1.background:定义网页的背景图片,如果背景图片很小,会自动在水平和竖直方向上平铺展示
2.bgcolor:定义网页的背景颜色
12. textarea:文本域,又叫多行文本框,cols是文本区内的宽度,rows:行数
placeholder:用来设置单行文本框(不是textarea)里的默认提示文字,当输入了新的内容后,该提示文字就消失了
label:本身没有什么效果,当结合单选按钮或复选框使用时,如果label的for属性和按钮的id相同,则点击
label后就相当于点击了按钮,会将单选框或复选框选中
表单按钮:
1.提交按钮: <input type="submit">,提交按钮作用是将表单数据发送到action指定的服务器上
2.重置按钮: <input type="reset">,作用是将表单中数据清空
3.普通按钮:<input type="button">,普通按钮在没有添加js代码情况下,是不能提交表单的
13. frameset:框架集,用于将整个浏览器窗口划分成多个小窗口,每个小窗口称为一个frame,每个小窗口(frame)都可以,加载一个独立的html文档
使用frameset的cols或rows属性定义如何分割整个大窗口,
cols:定义水平方向上分割的各个frame的百分比,
rows:定义竖直方向上分割的各个frame的百分比,
noresize:不能调整frame的宽或高 frameborder="0":去掉frame的边框
*代表剩余百分比,会自动计算
使用frame来定义每个小窗口,src指frame所加载的网页的相对路径
14. iframe:能够包含其它文档(网页)的内联框架,内联就是行内,因为它能和相邻的元素共享同一行
src:要加载的文档的路径 width:宽度,height:高度
frameborder:边框,0或no代表无边框
15. 将超链接所跳转的页面显示在iframe的技巧:
1)给iframe元素添加一个name属性,例如
2)超链接添加属性target,值应该是iframe元素的name
16. 实体集
1.文章《【html段落获取行数】HTML基本摘要》援引自互联网,为网友投稿收集整理,仅供学习和研究使用,内容仅代表作者本人观点,与本网站无关,侵删请点击页脚联系方式。
2.文章《【html段落获取行数】HTML基本摘要》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
相关推荐
- . 现代买票为什么带上携程保险
- . 潮阳怎么去广州南站
- . 湖南马拉河怎么样
- . 烧纸为什么到三岔路口
- . 百色为什么这么热
- . 神州租车怎么样
- . 芜湖方特哪个适合儿童
- . 护肤品保养液是什么类目
- . 早晚的护肤保养有哪些项目
- . 女孩护肤品怎么保养的最好