* HTML
* HTML: HyperText Markup Language 超文本标记语言。
* HTML是最基础的网页语言。
* HTML的代码都是由标签所组成。

* HTML的基本格式
<html>
<head>
存放属性的信息,辅助性的信息
引入外部的文件(重要)
会先加载
</head>
<body>
存放的是真正的数据
</body>
</html>

* 多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
* 想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
* 属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。

* MyEclipse 提供了安装包
* 安装JDK,配置环境变量
* 安装MyEclipse。

* 配置

* 配置工作空间的编码(采用UTF-8编码)(安装了myeclipse,先去配置)

* Window—preferences—General--workspace—选择UTF-8编码

* 创建HTML的文件后,如果不是UTF-8的编码,可以进行设置。
* Window—preferences—MyEclipse—Files and Editors—HTML—修改成UTF-8的编码

* 创建HTML的文件后,可以选择打开方式,设置默认的打开方式。
* Window—preferences—General—Editors—File Associations—选择*.html—选择MyEclipse HTML Editor—选择default—选择ok

* (编写HTML)创建web的项目
* 创建web的项目
* 右键 -- 选择web project -- 其名称 -- 完成就ok。

* 编写HTML的文件
* 在WebRoot目录下 -- 右键 -- new -- myeclipse -- web -- 选择html的基本模板 -- 其名称 -- 完成。

* HTML的真正的标签
* 排版的标签
* <!-- --> HTML的注释
* <br /> 换行标签
* <hr /> 一条水平线

排版标签
* <br /> 换行
* <hr /> 一条水平线
* color: 颜色
* 值的写法:两种
1)直接写英文的单词(red green blue)
2)RGB三原色(red green blue) #ab1255
* width: 宽度
* 值两种写法: 1) 200px;
2) 可以写百分比
区别:百分比跟着浏览器的大小而改变,像素值不会。

* <p></p> 段落标签
* 段落标签的开始和结束位置留一空行。
* align:对齐方式

* &nbsp; 代表空格

* 在浏览器声明一块区域,区域中放入其他(文字,子标签)
* <div></div> +CSS+DIV在网页进行布局(美工)
* <span></span>
* div块级元素(换行的符号)
* span标签不会换行 行内元素

* 字体标签
* <font>字体的内容</font>

* 字体标签:
* <font></font>
* color: 颜色
* size: 字体的大小
* 最大值和最小值
* 最小值是:1
* 最大值是:7
* 默认值: 3
* 值的写法 +2 (3+2)
* face: 字体的类型

* 标题标签
* <h1></h1>
...
<h6></h6>
* 特点:逐渐缩小

* 粗体
* <b></b>
* 斜体
* <i></i>

* 标签可以嵌套的
<b><i>文本的内容</i></b>

* 特殊字符
* < &lt;
* > &gt;
* & &amp;

* 滚动的字幕(忘了吧)

* 列表标签(*****)
* 数据格式化列表

<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
<dd>下层项目</dd>
* 自动对齐,缩进的
</dl>

* 有序列表和无序列表
* 有序
<ol>
<li>数据的条目</li>
<li>数据的条目</li>
<li>数据的条目</li>
</ol>

* ol的属性
* type="a"
* start="" 从哪开始

* 无序(用的最多)
<ul>
<li>数据条目</li>
<li>数据条目</li>
<li>数据条目</li>
</ul>
* ul的属性
* type=""

* 图片标签(*****)
<img />
* 属性:
* src="图片的地址"
* width="图片的显示宽度"
* height:图片显示的高度
* alt:图片的说明文字

* 超链接标签(*****)
* 写法:<a></a>

* 链接资源
* 必须要指定属性:href="链接的地址"
* 需要编写协议
* HTTP
* 默认file文件的协议
* 如果浏览器可以解析文件,默认会打开文件。
* 如果浏览器不可以解析文件,弹出下载窗口。
* 支持自定义协议
* 浏览器解析不了的协议,默认找操作系统的引用程序。

* 定位资源
* name 定义锚点
* 点击 href="#锚点名称"

* 表格标签(*****)
* 把数据封装成表格。
* 表格标签
<table>
<caption>用户列表</caption>
<tr>
<th>数据</th>
<th>数据</th>
</tr>
<tr>
<td>数据</td>
<td>数据</td>
</tr>
</table>

table的属性
* border: 边框
* width: 宽度
* height: 高度

tr的属性
* align:中间的文字的对齐方式

td获取th
区别:th中间的内容粗体显示。
th中间的内容默认居中。
th一般用来表格的表头

td的属性
* width 宽度
* height 高度
* 合并单元格(值的写法:合并几个单元格,值就写几)
* 行合并 rowspan=""
* 列合并 colspan=""

* <caption></caption>必须要写在table的中间

* 表单标签(**********)
* 收集用户输入的数据

* 表单的标签
<form >
* form的属性
* action="表单的提交路径"
* http://www.baidu.com
* html页面
* method="提交方式(默认是get方式)"(面试题)
* form表单的提交方式有哪些?(get和post的区别)
* 答:form表单提交方式有很多,常用的有两种post和get
* post和get提交方式的区别:
* get方式会把参数列表显示在地址栏上,post方式不会(请求体)。
* get方式说明网站安全级别较低,post安全级别较高。
* get方式不支持大数据,post支持大数据。

* 推荐大家使用post方式。

* 用户输入的内容
<input type="类型" name="名称(必须要指定)" value="是否指定value属性" />
* name属性必须要指定,value可以看情况指定

* type="text" 普通的文本框
* name必须指定

* type="password" 密码框
* * name必须指定

* type="radio" 单选按钮
* name必须指定 value必须指定
* name的属性,值要相同
* 默认值:checked=checked或者true

* type="checkbox" 多选按钮
* name必须指定 value必须指定
* 默认值:checked=checked或者true

* type="reset" 重置:恢复到最初的状态
* type="submit" 提交表单
* 点击提交后,地址栏发生了变化(?sex=on)
* 在普通的文本框上添加name属性 name="username"之后,点击提交,地址栏发生了变化(?username=haha&sex=on)
String str = "?username=haha&sex=on";
* ?username=zhangsan&password=123&sex=nan&love=zq

* type="file" 选择文件
* name属性指定
* type="hidden" 隐藏组件
* name指定 value指定

* type="button" 按钮
* value="显示的文字"
* 和js(javascript) 绑定事件

* type="image" 图片
* 提交 引入外部的一个文件(图片)

* 声明选择框
<select name="city">
<option value="bj"></option>
<option value="sh"></option>
</select>

* <textarea>文本域
* rows="行"
* clos="列"
* name属性指定
* selected="selected" 代表默认值
</form>

* 框架标签(了解)
* 对网页进行布局

<frameset rows="150,*">
<frame > 代表上半部分
<frame > 代表下半部分
</frameset>

* 前提条件:不能写在<body>标签的内部和下面

传智168期JavaEE就业班 day01-html的更多相关文章

  1. 传智168期JavaEE就业班 day03-js

    * 课程回顾: * CSS * CSS的简介 * 层叠样式表. * CSS与HTML的结合(4种) * HTML的标签提供了属性 style="CSS的代码" * HTML提供了标 ...

  2. 传智168期JavaEE就业班 day02-css

    * 课程回顾: * HTML语言 * HTML的简介 超文本标记语言. * 是网页最基础的语言. * 都是由标签所组成的. * HTML的基本格式 <html> <head> ...

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

    * 课程回顾: * DOM解析HTML简介 * DOM 文档对象模型 * 解析器 * document对象 * getElementById("id的值"); 返回一个元素(标签) ...

  4. 传智168期JavaEE就业班 day04-dom

    * 课程回顾: * js语法 * js的动态函数和匿名函数 * js动态函数 Function new Function(); * 匿名函数:没有名称的函数,起个名称 var add = functi ...

  5. 成都传智播客java就业班(14.04.01班)就业快报(Java程序猿薪资一目了然)

    这是成都传智播客Java就业班的就业情况,很多其它详情请见成都传智播客官网:http://cd.itcast.cn?140812ls 姓名 入职公司 入职薪资(¥) 方同学 安**软件成都有限公司(J ...

  6. 成都传智播客java就业班和基础班

    传智播客成都Java培训,带你走进Java的世界... 我们有咨询的教育团队,一流的名师指导: 我们是重视基础理论建设,强化高端应用技能: 我们有四大JavaEE项目,海量Android项目: 我们是 ...

  7. 成都传智播客java就业班激情洋溢的青春篮球赛

    为了缓解学员们的学习压力,也为了培养学员们的团队协作精神,5月28日下午,在班主任倪老师和王老师联手带领下,我们1406280ls" style="color:rgb(51,102 ...

  8. 黑马传智JavaEE57期 2019最新基础+就业+在职加薪_汇总

    黑马传智JavaEE57期 2019最新基础+就业+在职加薪 阶段1 语言基础+高级· 1-1-Java基础语法 第14节 数组 111

  9. 2015年传智播客JavaEE 第168期就业班视频教程day45-ERP项目-01 10-类图结构分析设计

    运行astah-pro.bat,这是windows下运行的.astah-run.sh是Linux下运行的. 类结构视图的作用是描述类模型和模型与模型之间的关系,也就是说我们在这要把这个一对多和多对多的 ...

随机推荐

  1. Ubuntu查看系统的信息

    转载自:http://blog.chinaunix.net/uid-25885064-id-3440641.html 系统信息 # uname -a # 查看内核/操作系统/CPU信息 # cat / ...

  2. 【ASP.NET 进阶】根据IP地址进行百度地图定位

    昨天有完成一个[ASP.NET 进阶]根据IP返回对应位置信息 的小Demo,既然可以通过IP获得位置信息,那当然可以通过位置信息的经纬度获取IP的当前定位了,虽然与实际地址偏移较大,毕竟不是GPRS ...

  3. hdu 5802 Windows 10 贪贪贪

    传送门:hdu 5802 Windows 10 题意:把p变成q:升的时候每次只能升1,降的时候如果前一次是升或者停,那么下一次降从1开始,否则为前一次的两倍 官方题解: 您可能是正版Windows ...

  4. Android驱动调试利器Busybox之初体验

    工欲善其事必先利其器,之前做WinCE开发时,经常写一些小工具以提高开发调试的效率,如WinCE驱动调试助手.WinCE串口调试助手.WinCE6.0寄存器访问工具.WinCE远程桌面助手和S3C24 ...

  5. Java语法基础(一)----关键字、标识符、常量、变量

    一.关键字: 关键字:被Java语言赋予特定含义的单词.组成关键字的字母全部小写.注:goto和const作为保留字存在,目前并不使用.main并不是关键字. 二.标识符: 标识符:就是给类,接口,方 ...

  6. u3d 模型ID配置

    换模型为什么要改代码 0.0 你没有逻辑ID->模型的配置么. 做2个配置.. 分别是角色的ID对应模型路径. 然后是里面的动画名对应真实动画名. 比如 ID=1 path = "xx ...

  7. java 16 -4 LinkedList的特有功能

    了解 LinkedList的特有功能: A:添加功能 public void addFirst(Object e) public void addLast(Object e) B:获取功能 publi ...

  8. C/C++ 常用工具集

    1. c++filt  //注意:就是这个名字 "c++file". 能把c++的函数签名转换成代码形参格式: 如:# c++filt _ZNSt4priv17_Rb_tree_i ...

  9. (copy)C#时间日期操作

    copy to:http://www.cnblogs.com/loveme123/archive/2012/06/27/2565547.html  一.C# 日期格式 DateTime dt = Da ...

  10. 查看mysqll账号信息

    也可以删除,和操作其他普通表一样