java知识总结-15

HTML的基本知识

特点和常识

1.不区分大小写
2.文件后缀名 .html .htm .xhtml
3标记型语言基本格式 <标识名字属性=属性的值>
4.以标签为单位，可以多层嵌套
5.回车和空格对网页内容不起作用
6.外层标签和内层标签冲突时，内层标签起作用
HTML整体结构
<html> </html>
HTML开始标记，位于网页最前端和最后端

<head> </head>
html头标记信息，半酣文件基本信息，不会在浏览器中显示
<meta> </meta>
必须属性 content =“some_text” 定义name属性的元信息

页面的元信息，存在与头信息中
http-equiv 自动跳转属性值是 refresh
content 延时的时间（秒）和跳转网址
如 <meta http_equiv="refresh" content="3;url=http://www.baidu.com">
标记: 3秒后跳转到百度

包含常见的属性
auther 作者
description 网页描述信息
key words 网页关键词
<title> </title>网页的标题信息
<body> </body> 网页的主题部分可以嵌入其他标签如表格文本图片超链接等

常见属性
bgcolor 设置背景颜色

颜色属性

1. 字符串形式如："red" ,"green"
2. 6位16进制数字形式
#FFFFFF 白色
#000000 黑色
#FF0000 红色
#00FF00 绿色
#0000FF蓝色

超链接
alink 设置被点击的超链接的字体颜色
vlink 设置访问过的超链接的字体颜色
link 设置超链接的字体颜色

边距
leftmagin 设置左边距值为像素（数字）
topmargin 设置上边距值为像素（数字）
background 设置背景图片值为图片地址

属性 bgproperties 背景图片固定属性可省略

text 设置文本颜色
html标签含义及使用方法
html的格式控制标记
<br/> 换行单标记
<p/> 段落标记
<center>要显示的居中文字</center> 居中对齐标记
<pre></pre> 预格式化
<ul></ul> 无序列表

默认是 disc【实心圆】 ul
一层嵌套的ul项目符号是 circle【空心圆】
二层嵌套的ul项目符号是square【方块】
<ul>
<li>列表项</li>
</ul>
<ol></ol> 有序列表
<hr/> 水平分割线

属性：color 设置水平线的颜色
Size 设置水平线的高度
Width 设置水平线的宽度
Align 设置水平线的对齐方式

<div></div> 分区显示标记
html文本标记
<h*> </h*> 标题字体大小标记 * 为1-6 （h1最大，h6最小）
<font> </font> 文本字体设置标记

属性
size 字体大小（1-7）例： <font size="3"> </font> 默认为3
color 文字颜色

属性 src 图像的文件路径

1.如果在当前目录则直接用文件名+后缀名就行
2. 在下层目录直接目录名/文件
3.在HTML文件上层目录 ../文件名+后缀
4.其他目录用绝对路径-----一般不用因为远程访问无法得到图片
属性 width 图像的显示的宽的属性
属性 height 图像的高属性
属性 border 图像的边框宽的属性
属性 alt 值为字符串

1.如果图像加载完成。则鼠标在上面时，显示该字符串
2.如果图像加载失败，则该字符串代替图像显示
3.搜索引擎可以根据该属性抓取该图片

html 超链接标记

<a>网页显示的名字</a>

属性
href 图像的地址(可以是远程或者本地)
target 打开方式
标记: 紫色
_self [在当前界面中打开，原来的界面不存在了]
_blank [在新的界面中打开，原来的界面还存在]
_top
_parent
framename 写框架的名字，可以使链接打开到该页面

表单数据 <form> </form>--可以把表单中数据提交到servlet中
表单标签：<form></form>
属性：action：提交路径/位置
method 设置提交的方式其属性有：get[获取数据]/post[传送数据]
<input type=”#”/>
1, text 文本框
Value 设置默认文本
2，password 密码输入框 Value 设置默认密码
3,radio 单选按钮 8
name 必须有的分组
checked="checked" 设置默认被选中
4, checkbox 复选框
name 可有可无分组
checked="checked" 设置默认被选中
5，file 文件域
6，submit 提交按钮 Value 设置按钮文字
7，reset 重置按钮 Value 设置按钮文字默认的不能被清空
8，button 普通按钮 Value 设置按钮文字
9，image 图片域 src 设置图片域的图片路径
10 hidden 隐藏域内容不显示

<input> 输入标签

属性

type属性不同的值
文本输入类
值 text 单行输入文本框
值 password 单行输入密码框
文本输入类共有属性
maxlength 文本框最大允许输入最大字符数
onchang 当文本改变时要执行的函数
值 onfocus 当文本接受焦点时要执行的函数
value 指定初始值
按钮点击类
值 button 按钮执行相应函数
值 submit 提交表单按钮点击后连接到表单action 属性指定的URL地址
选择输入类
值 checkBox 复选框及多选框
属性 checked =true/false 代表默认选中（可以不写值默认为true）
值 radio 单选框
属性 name =任意值名字相同的单选框是一组
属性 checked =true/false 代表默认选中（可以不写值默认为true）
属性 name 定义控件名称
属性 size 指定控件显示的最大宽度
属性　　method＝“post/get”　　提交方式
属性　　actoｎ＝＂地址＂　表单提交的地址

<select> </select> 下拉选择标签
<option> 下拉选择的选项</option> --必须在<select>标签里
<textarea> </textarea> 多行文本输入框（文本域）
属性 row 表示输入框的行数
属性 cols 表示输入框每行文字个数
属性 selected =true/false 代表默认选中（可以不写值默认为true）

表格标签 <table> </table> 表格里可以嵌入其他标签
<tr> 行标签</tr> 列标签，元素内容为嵌入的列标签
Valign：设置垂直对齐方式
属性值：top【上】/ bottom【下】/middle【垂直居中】

Bordercolor：设置行的边框颜色
Bgcolor：设置行背景颜色
Height 设置行高
align: 设置水平对齐方式属性值：left/right/center
<td>单元格内容</td> 列标签，元素为单元格内容

background 设置单元格的背景图片
Bordercolor 设置单元格边框颜色
Bgcolor 设置单元格背景颜色
Align 设置单元格水平对齐方式
Valign 设置单元格垂直对齐方式
Height 设置单元格的高度
Width 设置单元格的宽度
Rowspan 合并单元格垂直跨度合并行
Colspan 合并单元格水平跨度合并列
cellspacing 属性设置每个单元格之间的距离

属性 border 表格的边框宽度单位px
属性 align 整个表格相对于网页的对齐方式
值 center 中间对齐
值 right 右对齐
值 lift 左对齐
Height 设置表格的高度
cellspacing 设置单元格与单元格之间的距离
background 设置table的背景图片
bordercolor 设置table边框颜色
bgcolor 设置table的背景颜色
cellpadding 设置文字距离单元格的距离
Width: 设置表格的宽度

页面框架
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" name="show"/>
<frame src="frame_c.htm" />
</frameset>
</html>
frameborder="no" 不显示边框
------不包含body 上中下的布局设置name属性，可以是链接打开到该框架中

转载于:https://www.cnblogs.com/flytwosky/p/7181321.html

java知识总结-15相关推荐

java知识精华总结
Java 知识--精华总结一. -java 概述与基础知识-6 1.何为编程?-6 2.Java 语言概述,历史.特点- 6 3.什么是跨平台性?原理是什么?JVM- 7 4.Jre 和 Jdk 的 ...
Java知识——精华总结
Java知识--精华总结一.java概述与基础知识 1.何为编程? 编程就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 为了使计算机能够理解人的意图,人类就必须 ...
黑马程序员入学Java知识——精华总结
黑马程序员入学Java知识--精华总结 J2SE部分,Java高新技术部分,7K面试题部分等黑马入学要求的知识点总结! 一.黑马程序员-java概述与基础知识 6 1.何为编程? 6 2.Java语言 ...
最全面的Java面试题-----是你更好的掌握java知识
最全面的Java面试题-----是你更好的掌握java知识目录 l 概念题--- 1 一. JAVA基础--- 1 1) 面向对象的特征--- 1 2) 什 ...
Java知识体系最强总结(2021版)
学习Java请关注B站 [黑马程序员] 文章目录前言第一阶段: Java基础第二阶段: JavaWeb 第三阶段:Java开发框架第四阶段:中间件&服务框架第五阶段:企业级项目实战 ...
【Scala教程】如何在已掌握的Java知识基础上快速上手Scala？【个人学习记录】
如何在已掌握的Java知识基础上学习Scala 前言正文开始! 1. 编译运行 2. 声明变量 3. 输出 4. 显式指定变量类型 5. 范围区间 6. 写入文本文件 7. 读取文本文件 8. if ...
java知识体系-最新总结（2022版）
目录 Java面试总结基础知识 Java概述基础语法面向对象集合框架 IO流网络编程常用API 常用工具类库单元测试异常日志工具 IDEA Eclipse & STS Ma ...
Java知识体系最强总结(2020版) 传送门
本人从事Java开发已多年,平时有记录问题解决方案和总结知识点的习惯,整理了一些有关Java的知识体系,这不是最终版,会不定期的更新.也算是记录自己在从事编程工作的成长足迹,通过博客可以促进博主与阅读 ...
Java知识体系总结(2020版)
本人从事Java开发已多年,平时有记录问题解决方案和总结知识点的习惯,整理了一些有关Java的知识体系,这不是最终版,会不定期的更新.也算是记录自己在从事编程工作的成长足迹,通过博客可以促进博主与阅读 ...

java知识总结-15

java知识总结-15相关推荐

最新文章

热门文章