您的位置：首页 > 职场人生

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

2012-08-23 18:12 218 查看

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

关于HTML网页制作的学习日志

1.Html是一门非严谨的用于制作网页的编程语言。用各种标签将要表达的内容括起来，还可以对标签的各种属性进行设置，改变标签中的内容。并且代码不区分大小写，整个代码是以<html>开始，以</html>结束，然后里面的内容有头部分和体部分组成。头用<head></head>表示，用于存放一些标题类的代码，头部代码比体部代码要先加载。体代码用<body></body>表示，用于存放要运行的主体代码。

2.标签一般有2种表现形式，<标签名属性名=“属性值”>这里写数据的内容</标签名>，还有一种格式是<标签名属性名=“属性值” />，变迁就相当于一个容器，将需要被操作的数据存放在这个容器中，然后可以改变该容器的属性，对容器中的数据进行设置。

3.在html语言中还有一些特殊字符，比如< > & 等等，如果用到这些符号时，需要用一些特殊的方式来替换，这个可以查表格。

4.一些常用的标签的应用。

<br /> 换行标签

<hr color="#990000" size="5">   给页面加一条红色的宽5码的横线。

     超链接：<a href="http:\\www.baidu.com" >超链接</a> 这个表示一个超链接，可以是本地目录，也可以是网络目录。如果加上target属性，并且设置为blank,则表示该连接在新窗口中打开。

title属性可以设置为任意文字，只要鼠标放到该超链接上，就会显示出该文字。

      超链接的另外一个作用是定位标记用的，比如<a name="top">顶层</a>在顶层定义一个标记，<a href="#top" >回到顶层</a> 在底层在定义一个标记，点击这个超链接就可以回到顶层的位置。

<img src="../../图片/唐嫣/1.jpg" alt="图片说明文字"/> ，还可以将图片做成超链接。

在页面中插入图片，并且可以对图片进行设置。

<dl>

    <dt>aaa</dt>    dt是上层目录，dd是下层目录。

    <dd>bbb</dd>

    <dd>bbb</dd>

    <dd>bbb</dd>

</dl>

<div><font color="#990000" size="+5">需要被设置的字体</font></div>

设置字体用font标签，制作表格用table标签。

表格中默认都有一个tbody标签，标题标签是：<caption>

<table bordercolor="#990000" border="1" cellspacing="0" cellpadding="10"> 可以对表格的各种属性值进行设置。cellspacing内表格与外表格行线的间距，cellpadding，单元格中的字距离表格框线的距离。

<caption>表格标题</caption> 将标题添加到表格上。

表格的下面都有一个默认标签<tbody>，然后才是<tr>。

<tr>    tr表示表格中的一行。

          <td>aaaaaaaa</td>    td表示表格中某一行的一个单元格。

          <td>aaaaaaaa</td>   如果一行中有多个单元格，则表格一最多的单元格为标准而延伸。

    </tr>                                      如果把td改成th，则单元格中的数据会居中。

    <tr>

           <td>aaaaaaaa</td>

           <td>aaaaaaaa</td>

    </tr>

</table>

<ol>   ol表示数字标题标签，有数字进行编号，如下。

     <li>

    aaaaa                            1. aaaaa

    </li>                                  2. aaaaa

     <li>

    aaaaa

     </li>

</ol>

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

<ol>:数字标签（a ,A , 1, ）

<ul>:符号标签（o ）

表单标签：表单标签是用于与服务器端进行交互的。

用<form></form>标签表示。可以往表单中添加各种不同的组件。

当需要与服务端进行交互的时候要用到<form>标签，如果不需要连接服务器，则不需要form标签。

将表单信息提交服务器时，有2种方式，一种是get,还有post，get提交是将信息存到地址栏上，有体积限制，而post提交更安全，

且数据量更大，信息数据不再地址栏上显示，所以提交时最好用Post提交。

格式是<input type="text" name="user" value="panxing" />，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：<fieldset>

      <legend>注册区域</legend>   用于将整个表单格式化，圈起来



     </fieldset>

      <label for="yhm" accesskey="q"></label>   lable标签是用于给指定的元素定义快捷键的，for属性跟的是元素的id 值，id最好保证唯一性。

6：<pre></pre>可以使标签里的文字按原样出现在网页中。

     <p></p>段落标签，<strong></strong>加粗标签。

   <marquee>要设置的内容</marquee> 可以使标签中的内容进行动态效果的设置。

<meta http-equiv="refresh" content="3" />   消息头，存放在head标签中的内容，可以用于刷新页面，时间间隔可随意设置。

<meta http-equiv="refresh" content="3;url=http:\\www.baidu.com" /> 若设置了刷新到什么网页上，则将刷新到该页面上，若没指定，则在本地刷新。

7：HTML是非严谨的语言，而XHTML是ＨＴＭＬ的升级版，更为严谨。

XML标签名可以自定，代码规定也更为严谨，且不能写错，而ＨＴＭＬ中的标签都是固定，不能自定义。

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 服务器 xhtml html android 语言

相关文章推荐

新的分享

章节导航