HTML基础练习

 


1、html文件放在本地没有用，我们都是远程访问的。使用tomcat实现

2、安装tomcat，配置JDK环境变量的路径，用户变量下添加JAVA_HOME:D:\Program Files\Java\jdk1.7.0_71

3、将Hello.html放在D:\SoftWare\apache-tomcat-6.0.45\webapps下面

4、启动tomcat,在bin下打开startup.bat

5、在浏览器中打开http://localhost:8080/ 看看tomcat启动成功没有

6、浏览器中打开http://localhost:8080/Hello.html，这时发现找不到文件

7、将Hello.html放在D:\SoftWare\apache-tomcat-6.0.45\webapps\gxy路径下，再打开浏览器就可以看到Hello.html中的信息了




可以通过屏幕取色，得到浏览器上颜色是多少，下载工具FastStone Capture，最右面拾色


******字体*******

加粗

段落标记

  字体标记，字体取值1-7

  标题

 

标题字体,1-7

  标题字体,1-7

  face设置客户端字体

  设置更大字体使用css的style

  标题

   
******字符实体案例******

 

© £ ® < > "=  空格

  ******超链接******

 
target = "_black" 新页面，"_self" 本页面打开，替换当前页面

  老鼠爱大米

  搜狐网

  给管理员写信


 
******图片元素******

  设置了宽就不需要设置高了，HTML不会更改图片本身的比例。border表示边框,alt当找不到图片的时候，显示文字描述，当鼠标指向图片的时候也显示名称
 

 
还可以引用别的网站上的图片：

 



 
******表格******

  表格的格子变宽可以用border，但是里面的线也变宽就要结合CSS来实现了。
  cellspacing 空隙大写(将两个列和两个行距离15px)，cellpading 填充大小(各行各列的内容被填充，比如在数字周围撑大15个PX)
  colspan 列合并，rowspan 行合并
  ... 定义表头单元格。表格中的文字将以粗体显示（与同样是标示一个储存格,唯一不同的是所标示的储存格中的文字是以粗体出现.
 
 
 
 
 
 

1	2	3
1	23
	2	3
	2

  
 
******无序列表******

  无序列表 ul-li square空心正方形、disc实心圆点、circle空心圆
 

 
• 爸爸

 
• 妈妈

 

  
 
******有序列表*****

  type 默认是1,2,3，可以是A，B,C，start表示从第几个开始,当我type不是数字类型的话，那么start并不生效。
 

 
1. 1

 
2. 2

 
3. 1

 
4. 2

 

  
 
*****框架标记*****

  noresize表示边框不让动
  一个网页被分割成好几个页面。cols各窗格百分比逗号隔开，rows各窗格百分百，这个frameset要单独写一个页面，并且页面中不能有body，这个框架里就只是嵌入页面而已
 
 
 
 
  
 
*****框架实例*****

 
*****top.html*****

 
 
 
  
 
******left.html****** 点击相应的链接，右面的框跳转到相应的歌词
 
这里target对应的是框架中右面frame的name，两个链接的目标都对应上frame的name，那么久可以替换了，
 
因为我们target中一般写的内容为_black即打开一个新页面，_self表示替换当前的窗口，如果写frame的name，那么就是替换frame中的内容。
  甜蜜蜜

  鲁冰花


 
*****right1.html*****

 
  甜蜜蜜，你笑的甜蜜蜜
 
  
 
*****right2.html*****

 
  天上的星星不说话，地上的娃娃想妈妈。
 
  
 
*****Frameset.html****

 
 
 
 
 
 
 
  
  
 
*****html的表单元素******

 
主要让用户输入数据，并提交给服务器
 
 

登录系统

 

     用户名：

     密  码：

 
 

 
  
 
*****喜欢的水果，这里的name要一样，要不然怎么定位到我喜欢的水果

 西瓜

 苹果

 ***选择性别***

 男

 女

 ****隐藏****

 
 
  ****下拉选择***单选

 
  ---请选择---
  北京
  太原
 
  
  ****下拉选择***多选
 

aaa
bbb
ccc

    
 
****文本域*请留言****

  请这里输入...
  
 
****请选择要上传的文件*****

  请选择文件
  
  
 
****html加强*****新建html文件meta.html

  西欧：iso-8859-1；中文：GBK，什么都不指定，那么html对本地操作系统判断是什么编码

  在body中可以设置链接的格式

  在不同的浏览器上可能看到的格式完全不一样，这个时候我们最好都设置topmargin=0px

 
 
******划一根线

---

 
*****文字的分区

******

  你好，宝贝儿，鼠标移动到图片上，显示内容为“宝贝儿”，图片可以做超链接

 
   
******移动*****

   我会移动
   

---

   
   
****多媒体文件****