黑马程序员——关于HTML网页制作的学习日志

----- android培训、 java培训、期待与您交流！ ----------

 

关于HTML网页制作的学习日志
1.Html是一门非严谨的用于制作网页的编程语言。用各种标签将要表达的内容括起来，还可以对标签的各种属性进行设置，改变标签中的内容。并且代码不区分大小写，整个代码是以开始，以结束，然后里面的内容有头部分和体部分组成。头用表示，用于存放一些标题类的代码，头部代码比体部代码要先加载。体代码用表示，用于存放要运行的主体代码。
2.标签一般有2种表现形式，<标签名 属性名=“属性值”>这里写数据的内容，还有一种格式是<标签名  属性名=“属性值”  />，变迁就相当于一个容器，将需要被操作的数据存放在这个容器中，然后可以改变该容器的属性，对容器中的数据进行设置。
3.在html语言中还有一些特殊字符，比如<  >  &  等等，如果用到这些符号时，需要用一些特殊的方式来替换，这个可以查表格。
4.一些常用的标签的应用。

  换行标签

---

   给页面加一条红色的宽5码的横线。
     超链接：超链接  这个 表示一个超链接，可以是本地目录，也可以是网络目录。如果加上target属性，并且设置为blank,则表示该连接在新窗口中打开。
title属性可以设置为任意文字，只要鼠标放到该超链接上，就会显示出该文字。
      超链接的另外一个作用是定位标记用的，比如顶层在顶层定义一个标记，回到顶层  在底层在定义一个标记，点击这个超链接就可以回到顶层的位置。
，还可以将图片做成超链接。
在页面中插入图片，并且可以对图片进行设置。

   

aaa

    dt是上层目录，dd是下层目录。
     

bbb

 
     

bbb

     

bbb

需要被设置的字体

设置字体用font标签，制作表格用table标签。
表格中默认都有一个tbody标签，标题标签是：
可以对表格的各种属性值进行设置。cellspacing内表格与外表格行线的间距，cellpadding，单元格中的字距离表格框线的距离。
  将标题添加到表格上。  
表格的下面都有一个默认标签，然后才是。
     tr表示表格中的一行。
              td表示表格中某一行的一个单元格。
             如果一行中有多个单元格，则表格一最多的单元格为标准而延伸。
                                          如果把td改成th，则单元格中的数据会居中。
   
          
          
   

表格标题

aaaaaaaa	aaaaaaaa
aaaaaaaa	aaaaaaaa

   ol表示数字标题标签，有数字进行编号，如下。   
    
1. 
         aaaaa                            1. aaaaa
      
                                  2. aaaaa
    
2. 
        aaaaa     
       

       而ul与之不同的是不适用数字进行编号，而是用点、圆心等来进行标识。

:数字标签（a ,A , 1, ）

:符号标签（o  ）
表单标签：表单标签是用于与服务器端进行交互的。
用
标签表示。可以往表单中添加各种不同的组件。
当需要与服务端进行交互的时候要用到
标签，如果不需要连接服务器，则不需要form标签。
将表单信息提交服务器时，有2种方式，一种是get,还有post，get提交是将信息存到地址栏上，有体积限制，而post提交更安全，
且数据量更大，信息数据不再地址栏上显示，所以提交时最好用Post提交。
格式是，type属性的值不同，所对应的组件也不同。
name属性代表提交时的名称，value属性代表提交时的内容。
常用的有以下几种：
 1，text：文本框，可以输入文本内容。
 2，password：密码框，输入的内容用黑点替代，内容不可见。
 3，radio：单选框，如果有多个单选框选项时，必须定义一个name值，并且值相同。
 4，checkbox：复选框，可以同时选取多个选项。
 5，file：可以用于上传文件的组件。
 6，button：按钮组件，可以注册一个事件加入到该组件中去。
 7，hidden：该组件不会在网页上显示，但是其定义的内容name和value可以提交到服务器。
 8，reset：重置按钮，可以将表单中个组件的内容还原到初始状态。
 9，submit：提交按钮，将组件中的数据提交到指定的目的地。
 10，image：可以将一个图片连接到按钮上，提高美感，图片也可以将数据提交到服务端。
5：


     

注册区域

   用于将整个表单格式化，圈起来
    
    


         lable标签是用于给指定的元素定义快捷键的，for属性跟的是元素的id 值，id最好保证唯一性。
6：

可以使标签里的文字按原样出现在网页中。
    

段落标签，加粗标签。
   要设置的内容 可以使标签中的内容进行动态效果的设置。
   消息头，存放在head标签中的内容，可以用于刷新页面，时间间隔可随意设置。
  若设置了刷新到什么网页上，则将刷新到该页面上，若没指定，则在本地刷新。
7：HTML是非严谨的语言，而XHTML是ＨＴＭＬ的升级版，更为严谨。
XML标签名可以自定，代码规定也更为严谨，且不能写错，而ＨＴＭＬ中的标签都是固定，不能自定义。
------- android培训、java培训、期待与您交流！ ----------　

　详细请查看：http://edu.csdn.net/heima/