JAVAEE就业--HTML语言总结

Html:超文本标记语言

:网页语言

规范:1,以<html>开始,以</html>结束

2,有两个部分组成,<head></head>和<body></body>

头标签中的title标签可以显示

对数据进行操作,先要用标签封装数据子,在设置其属性和属性值

格式: <标签 属性 = "属性值"></标签>其中 也可以这样写 <标签 属性 = ‘属性值‘></标签>

有的标签没有结束。。例如<br/>在标签内结束。

**** html思想

网页中的数据,根据需求不同可能显示的效果不同,可以通过修改标签的属性和属性值来达到效果。

而标签相当于一个容器,可以通过修改容器的属性值来改变容器内的所有数据

常用标签

***文字和注释:

<font></font>

size:范围是1-7,超过7就当7

color:

***标题标签:

<h1></h1><h2></h2>......<h6></h6>...字体越来越小。

***水平线标签:

<hr color = "blue" size="5"/>  没有结束标签,在标签内结束size值是粗细

***特殊字符:

&lt;   <

&gt;   >

&nbsp; 空格

&amp;   &

双引号”:&quot;

注册符:&reg;

版权符: &copy;

***列表标签:

<dl></dl>:表示列表内容

<dt></dt>:列表标题  上层内容

<dd></dd>:列表  下层内容

***有序号的显示列表内容

<ol></ol>:标签范围:

<!--

属性type 值 1

属性type 值 a

属性type 值 i

-->

<li>内容</li>

***无序号的显示列表内容

<ul></ul>:标签范围:

<!--

属性type 值 type: 空心圆circle 、实心圆disc 、实心方块square ,默认disc

-->

<li>内容</li>

***图像标签

<img src="图片地址" width="图片宽度" height="图片高度"/>

**<alt>这是图片上显示的内容,鼠标放在图片上等片刻就可以看到</alt>

图像在html上级目录用"../"表示上级目录,都是相对于html文件来说的

区分相对路径和绝对路径

***超链接标签

**连接资源

<a href="要来连接的地址">显示的内容</a>

其中一个属性

属性 target 值_self  在当前页面打开 浏览器默认的

属性 target 值_blank 在新建页面打开

<a href="要来连接的地址"target="_blank" >

**定位资源(回到顶部案列)

定义位置:<a name="位置"></a>

到达位置:<a href="#位置"></a>//一定加上#

**原样输出标签:<pre>内容</pre>

***表格标签

作用:对数据格式化,规范。

<table><table/>表格范围

<tr>行数</tr>表示一行

<td>单元格</td>单元格

table属性

border 值是1-7

bordercolor 线的颜色

width 宽

height 高

cellspacing 单元格之间的距离

tr属性

对齐方式:align 值:left:居左 center:居中 right:居右

td属性

对齐方式:align 值:left:居左 center:居中 right:居右

**表示单元格<th></th>:作用是居和加粗中单元格内容

**表格标题<caption>设置表格的标题</caption>

**表格居中<center></center>,写在table外面

**合并单元格

rowspan:跨行

colspan:跨列

<></>

例如:

<table border="0" bordercolor="RED" cellspacing="单元格直接的距离">

<tr rowspan="3"><!--跨行-->

<td>单元格</td>

<td>单元格</td>

</tr>

<tr>

<td colspan="2">单元格</td><!--跨列-->

<td>单元格</td>

</tr>

<table/>

***表单标签(最重要)

**<form action="服务器"><form/>表示表单的范围,开始结束

**提交的服务器,可以使用属性:action

**设置提交方式:可以使用属性:method 值get和post方式提交

**文件上传的设置:属性 enctype

*面试题:form标签提交的get和post方式的区别?

get请求数据会在地址栏显示,

get请求安全级别较低,post安全相对较高,

get请求数据大小有限制,post请求没有大小的限制

**<input type="不同类型"/>

1,<input type="text"/>文本输入项

2,<input type="password"/>密码输入项

3,<input type="radio" name="sex" value="nan"/> 单选输入项1

<input type="radio" name="sex" value="nv"/> 单选输入项2

**必须有name,且name一致,默认选择用属性checked="checked"

**除了有name属性,还有value属性

4, <input type="checkbox" name="love" value="1"/>复选输入项

<input type="checkbox" name="love" value="2"/>复选输入项2

<input type="checkbox" name="love" value="3"/>复选输入项3

**除了有name属性,还有value属性

**默认选择状态 可以使用属性checked="checked"

5,<select name="xueli">下拉选择项

<option>--情选择--</option>

<option>下拉选择项2</option>

<option>下拉选择项3</option>

<option>下拉选择项4</option>

**这里也应该有value值

</select>

6,<textarea cols="几行" rows="几列" ></textarea>文本域

7,<input type="file"/>文件输入项

8,<input type="submit" value="按钮显示文字"/>提交按钮,提交到服务器

9,<input type="image" src="图片地址">提交操作,图片提交

10,<input type="reset" value="重置按钮名字"/>重置按钮,恢复表单的初始状态

11,<input type="button" value="一个按钮">普通按钮,和js结合

12,<input type="hidden" name="隐藏内容 ">隐藏项

HTML中其他标签

b  加粗

u  下划线

i  斜体

s  删除线

p  段落

pre原样输出

sub下标

sup上标

div自动换行

span在一行显示

**html的头标签

title:标题

base:设置超链接一些操作

meta:提供页面有关的信息,比如关键字的搜索页面

link:引用外部文件,经常和css一起使用

***框架标签

把页面分成多个独立页面

frameset:页面划分方式

属性rows

<frameset rows="30,*">

属性cols

<frameset cols="30,*">

frame

<frame src="html路径"></frame>

***使用框架标签时,不能写在body内,也不能写在其外面,解决办法是去除body

***扩展标签 a

如果访问网络资源 加上"HTTP://"<a href=src="http://www.baidu.com">百度一下</a>

对于浏览器不支持的协议,会在启动时在本地寻找所支持的应用程序

时间: 2024-10-24 07:41:58

JAVAEE就业--HTML语言总结的相关文章

java在国内被称为最好就业的语言,只是因为占据了4点优势

目前很多的从业都有这种感觉,突然觉得c/c++就业机会以及升职的空间比java的差距越来越大了,有人就宣称java是目前国内就业最好的语言,说的有点夸张但是java的强势也是不争的事实,那么可以看看java到底强在哪,为啥受到公司和码农欢迎. 强在哪? 1.java在效率上面和底层语言c/c++的差距已经不是那么明显了,主要原因还是硬件设备的升级把以前底层语言的效率上的优势抹杀的几乎不值一提,这使得java最大的弱点被无限制的缩小. 2.目前大公司对java的支持也是不遗余力,特别是google

传智168期JavaEE就业班 day03-js

* 课程回顾: * CSS * CSS的简介 * 层叠样式表. * CSS与HTML的结合(4种) * HTML的标签提供了属性 style="CSS的代码" * HTML提供了标签 <style type="text/css">CSS的代码</style> 放在<head>中间 * 引入外部的文件 @import url("CSS文件的地址"); 写在<style>标签中间 * 通过html的标签

传智168期JavaEE就业班 day05-XML 约束与解析

* 课程回顾: * DOM解析HTML简介 * DOM 文档对象模型 * 解析器 * document对象 * getElementById("id的值"); 返回一个元素(标签)对象 * getElementsByName("name的名称"); 返回数组 * getElementsByTagName("标签名称"); 返回数组 * 创建元素对象 document.createElement("元素名称"); documen

传智168期JavaEE就业班 day02-css

* 课程回顾: * HTML语言 * HTML的简介 超文本标记语言. * 是网页最基础的语言. * 都是由标签所组成的. * HTML的基本格式 <html> <head> 属性信息,辅助性的信息 引入外部的文件(css.js) 先加载 </head> <body> 真正的数据内容(展示用户的数据) </body> </html> * HTML的规范 * HTML的标签 * 排版标签 * <br /> 换行 *   空格

传智168期JavaEE就业班 day01-html

* HTML * HTML: HyperText Markup Language 超文本标记语言. * HTML是最基础的网页语言. * HTML的代码都是由标签所组成. * HTML的基本格式 <html> <head> 存放属性的信息,辅助性的信息 引入外部的文件(重要) 会先加载 </head> <body> 存放的是真正的数据 </body> </html> * 多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能

传智168期JavaEE就业班 day04-dom

* 课程回顾: * js语法 * js的动态函数和匿名函数 * js动态函数 Function new Function(); * 匿名函数:没有名称的函数,起个名称 var add = function(){ }; * js中全局变量和局部变量 * 全部变量:定义<script>标签中的变量,在页面的任意位置上都能拿到. * 局部变量:定义在方法内部的变量 * js的对象和API * String对象 * 属性:length长度 * 方法: * 和HTML相关方法 * bold() 粗体 *

JavaSE和JavaEE的起步学习路线

Java javaSE部分 1)能够掌握DOS系统常用基本命令:2)熟练使用eclipse编写java代码:3)掌握常用数据结构和算法:4)掌握常用的编程设计模式:5)熟练使用java语言的常用对象:6)使用java编写单机应用程序:7)掌握面向对象编程思想,为以后深入学习JavaEE就业课程打下坚实的基础. 1.1计算机基础知识 1.1.1计算机基础 先了解计算机,进而再去了解Java语言. 1.1.2 DOS常用命令 了解什么是DOS,并掌握DOS控制台的打开方式,同时熟悉常用的DOS命令,

TIOBE2017年4编程开发语言排名和20年经验体会

可以访问链接查看详细排名 https://www.tiobe.com/tiobe-index/ 每月一次的语言热门排行榜又发布了,当然国外的语言热门程度和国内还是有一定的区别,不过也可以作为参考,大家一起说下自己工作的语言,给想要学习的同学做一些借鉴,我先说下我了解和熟悉的一些语言.首先声明不保证观点都正确,只是根据我近20年的学习和研发经验得出的体会,我也不会认为哪种语言最好,只是每种语言有不同的应用场景. 先说下我各种开发使用语言的背景,这样你也能判断出我那些体会是有价值的. 先说我现在工作

TIOBE11月份编程语言排行榜:C非常接近Java,分析下中美的就业情况

TIOBE公布11月份编程语言排行榜:C非常接近Java Swift挤进前10,分析下中美的就业情况. 我们先看看他们官方对数据的解读 本月TIOBE指数前20位出现了一些有趣的变动.首先,C语言现在非常接近Java.差异只有0.2%.也许C会在年底前再次成为第一.看到谁排在前十也很令人兴奋.这种情况几乎每个月都在变化.两个月前是SQL,上个月是Objective-C,但是这个月Swift接管了.与排名第11位的Ruby的差距几乎为0.4%,这可能意味着至少在未来几个月里,Swift仍将保持前1