Python开发网站指南
By Livee
livee@vicoo
一 HTML、JavaScript、Python基础
1 HTML基础
  HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器
  HTML的组成结构
头部的HTML写法就是<head>头部的内容</head>，只是后一个比前一个多了“/”符号。
<title>标题</title>这些应放在<head>和</head>之间。也就是<head><title>标题</title></head>
<body>页面内容</body>
用<html></html>把他们包起来。
1、背景颜
<body bgcolor="red">我们发现多了个bgcolor其实就是backgroundcolor（背景颜）的意思，bgcolor="red"设置网页的背景颜为红，现在颜一般都是#ff0000样式的。
2、背景图片
<body backgroud＝"back-ground.gif">中“backgroud”就是设置背景图片的
3、背景音乐
<bgsound src="background_sound.mid" loop="-1">
bgsound背景声音，background_sound.mid是音乐的文件名，得写它的相对路径！loop，循环，loop是bgsound 的一个属性，src也是，后边跟的就是属性值， loop="-1"就是无限循环，只要是页面打开，音乐不会停止，loop="1"说明循环一次，等于0就是不循环了。
4、body其它属性：topmargin，leftmargin。制作软件或者说html语言默认的都是topmargin和leftmargin值等于12，但WBBMAIL一般把他们的值设为0。
  字体
字体，英文font:
1、标题字体<h#> 文字 </h#>  # =1，2，3网页设计html代码大全颜，4，5，6
比如：<h1>今天天气真好！</h1>
注意：这些一般的用在标题上，所以起名叫标题字体；<h#> ...</h#> 这些标记显示黑体字；这些标记自动插入一个空行，不必用 <p> 标记再加空行，因此在一行中无法使用不同大小的字体。
2、字体的大小，用于一般文字。
<font size=#> 文字</font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
例子：<font size=7>今天天气真好！</font>
3、逻辑字体(Logical Style)
下划线：<u>文字</u>，代码：<code>文字</code>，删除线：<strike>文字</strike>，闪烁：<blink>文字</blink>，增强：<strong>文字</strong>，强调：<em>文字</em>，示例：<samp>文字</samp>。
4、字体的标志，很常用的。粗体：<b>文字</b>，斜体：<i>文字</i>
5、字体颜
指定颜 <font color=#> 文字 </font> # ="#rrggbb" 16 进制数码，或者是下列预定义彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
对于16 进制编码的颜，我们可以这样理解rrggbb六个字符：前两个表示红，中间的两
个表示绿，后两个表示蓝；那么，红（red）ff0000，同样绿（green）00ff00，蓝0000ff；其它的颜就是这几个字符（0-9，a-f）的组合。
比如：<font color=red> 文字 </font> 红文字
      <font color=#ff0000> 文字 </font> 红文字
6、客户端字体(Font Face)
<font face="#, #, ..., #"> ... </font> #=客户端可获得的字体，什么是客户端，通俗的讲，就是你的电脑，face="#"就是从你的电脑获得的字体。
7、字符实体(Entities)，字符实体一般用在把html里的符号显示在页面上比如"<"、"&"等，如果你单独的打上<，页面也可以显示，但如果你想显示<b>这几个字符，如下。
  &#; #=字符实体名称 或者 ascii 值
  &          &
  <            <
  >            >
  "            "
这些只是一小部分，那么要显示<b>就要写成<b>了。
以上的我们可以综合使用：比如<font size=2 color=#ff0000><i><b>文字</b></i></font>，注意写的时候要前后一致前面<b>后边对应的也应该</b>
图像
图像，也就是images，在html语法中用img来表示，其基本的语法是：
  <img src=#> #=图象的 URL，关于url就是指的是图像在网上的地址。
  <img alt=#> #=在浏览器尚未完全读入图象时，在图象位置显示的文字；也是图像显示以后，当鼠标放在图片上时所显示的文字。
  例子：<img src="sku/forum/images/cid4u-2.jpg" >
图象在页面中的对齐/布局：
  语法：<img align=#> #=left, center, right，使用图像的align属性，其实这一属性布置在这里用到，以后我们在学习表格的时候也会遇到align，它的值left, center, right就是他的中文意思，left居左，center居中，right居右。
  例子：<img src="sku/forum/images/cid4u-2.jpg"  align=left> 网人交流论坛欢迎您的光临！
图象和文字的对齐：
  语法：<img align=#> #=top, middle, bottom，这里的align和上边的实现的效果不一样，大家从它的值可以看出，它所显示出来的是文字在图片的靠上边、中间、底端。
图像的边框：<img border=#> #=value数字，指的是这个图像的边的宽度！
示例：<img src="sku/forum/images/cid4u-2.jpg" border=1>
控制表格及其表项的对齐方式
缺省情况下，表格在浏览器屏幕上左对齐，你可以使用<TABLE>的ALIGN属性来指定表格的对齐方式。ALIGN属性可以取值“left”、“center”和“right”。例如，让一个表格在屏幕中央显示可以使用：
<TABLE ALIGN=“CENTER”>
注意
使用<TABLE>的ALIGN属性要小心，不是所有的浏览器都能识别它。如果你要让表格显示在屏幕中央，使用<CENTER>标识符来包含表格会更安全些。
你可以使用<TR>的ALIGN属性来设置表格中每行元素的水平对齐方式，这个属性也可以取值“left”、“center”和“right”。要设置某一行中所有元素的竖直对齐方式，可以使用<TR>的VALIGN属性，它可以取值“top”、“middle”和“botton”（缺省情况下取值“middle”）。
要更好地控制表格中某个表头或元素的排列方式，可以使用<TH>和<TD>标识符的ALIGN和VALIGN属性，这两个属性的取值范围与<TR>相同，然而<TH>的<TD>ALIGN和VALIGN属性将会覆盖任何为整个一行指定的排列方式。
控制表项的空间
当浏览器显示一个表格时，它将每一列的宽度设置为这一列中最长表项的宽度。浏览器尽可能地占用较小的屏幕空间来紧密地排列表格中的每一项。你可以使用<TABLE>的CELLPADDING和CELLSPACING属性来改变这一缺省值。
通过使用CELLPADDING属性，你可以为表格中的每一项安排一个更大的空间，使用CELLSPACING属性，你可以为表项之间留出一定的空间。这两个属性的值都以象素来指定。
控制表格和表项的大小
某些时候你可能想让表格显示出来大一些，你可以用<TABLE>的WIDTH属性来控制表格的宽度，你可以为WIDTH属性提供宽度的绝对值或相对值。
当为WIDTH属性提供宽度的绝对值时，你用象素来表示。例如，要建立一个宽为100个象素的表格，可以用<TABLE WIDTH＝100>。当然，并不能保证表格显示出来恰好是你指定的宽度，表项中的内容可能会迫使表格显示出来比WIDTH属性指定的值要宽。
另外，你也可以用相对值来指定表格的宽度，例如，如果你想让表格占有整个浏览器屏幕那么宽，你可以用<TABLE WIDTH=“100％”>，同样地，如果你在WIDTH属性中指定的百分数太小的话，浏览器显示出来的表格就不是那个宽度。
<HEIGHT>属性可以用来指定表格的整体高度，同样这个属性可取绝对值和相对值。但使用这个属性时要小心，即使Microsoft和Netscape的浏览器都能正确解释它，但它并不是HTML 3.2规范中的一部分。
你也可以用<TD>和<TH>标识符的WIDTH和HEIGHT属性来控制表格中某一表项的大小，你必须用绝对象素值来指定这些属性的值。你要知道当你设置这些值时，只不过是在为浏览器提供建议，浏览器尽量按你的意愿去做，但也有可能不能完全按你指定的方式来显示一个表格。
在表格中加入颜和图象
根据HTML 3.2规范，表格不具有任何颜属性。然而，值得庆幸的是Netscape和Microsoft都扩展了HTML来让表格具有自己的背景，两种浏览器都能识别<TABLE>标识符的BGCOLOR属性。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。