传智播客——html细节

来源:互联网 发布:手机淘宝6.0.0旧版本 编辑:程序博客网 时间:2024/05/12 08:15

  一 HTML的定义

HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

  二:HTML的编辑软件

事实上,不需要用任何专门的软件来建立HTML页面;所需要的只是一个文字处理器 例如 Word,记事本,写字板,editplus,ultraeditor都可以对HTML进行编辑,不过这些编辑器都不具有联想功能,Dreamweaver就是一款具有联想功能的HTML编辑器。

 三、html中元素的书写规则

     html的书写规则很宽松,比如有开始标签可以没有结束标签,文字可以放在任意位置等,但每个公司都有其自己的书写规范,一般的规则如下
1、 元素属性值必须包含在双引号中;
<font color=”#000000” size=”3” face=”Arial”>
2、 form 中必须加action属性,并且不能为空。
<form action=”/r/add.cgi” method=”post”>
如果不需要使用action属性,也必须定义:
<form action=”no” >
3、 img的alt属性不可以缺少;
<img src="/q/img/btn_style.gif" border="0" alt="Select”>
4、 head与</head>之间必须有title;
<head>
……
<title>your title </title>
……
</head>
5、 tr、td必须定义在table之间;
四:具体标签

 

1.字体标签:<font>

例:<font size=5 color=red>字体标签示例</font>

注:简单颜色可是直接写对应的英文,复杂颜色用16进制表示,表现形式#FF0000两个数为一组,按红,绿,蓝排列,如:#00FF00表示绿色。建议用工具选取。

2.标题标签:<h1><h2>…..<h6>

因为标题是文本中常用的内容,为了方便操作而定义的。其实就是某个字号和粗体的组合。

3.特殊字符:

如果要在网页上显示一些特殊符号,比如< > & 等。因为这些符号在代码中会被浏览器识别并解释,所以用一些特殊的方式来表示。

&lt;

&gt;

&amp;

&

&quot;

&reg;

®

&copy;

©

&trade;

&nbsp;

空格

 

 

 

 

4.列表标签:<dl>

<dt>:上层项目

<dd>:下层项目

例:

<dl>

    <dt>部门</dt>

       <dd>市场部</dd>

       <dd>小卖部</dd>

    <dt>姓名</dt>

       <dd>张三</dd>

       <dd>李四</dd>

</dl>

 

5.表格标签:<table>

组成:标题标签:<caption>,给表格提供标题。

表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用。

行标签:<tr>

单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中在加入单元格。

格式:

<table border="1" width=”40%”><!—width值为百分比可以让表格的宽度随浏览器窗口的大小变化-->

    <caption>表格标题</caption>

    <tr><!-- 第一行 -->

       <th>姓名</th>

       <th>年龄</th>

    </tr>

    <tr algin=”center”><!-- 第二行 -->

       <td>张三</td>

       <td>23</td>

    </tr>

</table>

 

 学习总结:HTML语言比java简单的不是一星半点,对于学编程的人来说,从HTML开始是最好的,最容易在短时间内有学习的成就感

 

 

 

原创粉丝点击