HTML简介：
HTML：Hyper Text Markup Language 超文本标签语言，也就是网页的就“源码”。而浏览器就是解释和执行“HTML”源码的工具。超文本标记语言结构包括“头”部分（head）、“主体”部分（body），其中“头”部分提供关于网页额的信息，“主体”部分提供网页的具体内容。
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。（来自百度）
HTML的源码是写在记事本中的，网页的文本格式：.html 或者.htm;。
HTML的基本标签：
1、HTML的基本结构： <html></html>
2、段落标签： <p></p>
3、空格标签；  
4、标题标签： <h#></h#> 浏览器会在标题前后加空行
5、图片标签： <img src=”…”/>
6、注释标签： <!-- -->
7、HTML水平线： <hr/>
8、HTML拆行： <br/>
9、字体标签： <font> size 属性取值为1到7；
10、字体样式： <b> 定义粗体文本
<i> 定义意大利斜体
<tt> 定义打字机文本
<u> 定义下划线文本
<sup>、<sub> 定义上下标
<s> 定义将爱删除线的文本。
11、显示元素的的移动标签：<marquee>
如下图中的例子：
在记事本中的代码为：
<span style="font-family:KaiTi_GB2312;"><html>
<head>
<title>银河</title>
</head>
<body>
<h1>快来看啊，银河！！！</h1>
<img src='psb.jpg'/>
<h2>科技名词定义</h2>
<p>中文名称：银河</p>
</body>
</html>
</span>
HTML属性：
属性也就是表现各标签的特征，属性都是以“属性名=值”的形式出现的。其中属性的值建议用引号括起来，一个标签可以用多个属性，用空格分开。
图像属性
Alt属性：显示图片内容
Border属性：图片外侧相框宽度，默认像素
Width属性：设置图片宽度。
Height属性：设置图片高度。
标尺线属性：
Size ：显示标尺线的宽度
width：显示标尺线的长度
align（left、right、center）:显示标尺线显示的位置
noshade：是否有阴影效果。
color：设置水平线颜色。
字体属性：
Size：定义字体的大小。（取值为1到7）
Size=’+number’:增加字体的大小。
Color=’red’ ：定义字体的颜色。
Face：定义字体的名称。
Marquee标签属性：
Direction属性：设置移动的方向，left、right、down、up
Behavior属性：设置模式：scorll、alternate、slide
Body属性：HTML背景
Text属性：文本的颜色。
Link属性：设置链接的颜色
Alink属性：active 点击的时候链接的颜色。
Vlink属性：visited点击之后的颜色。
Bgcolor属性：背景颜色
Background属性：背景图片，平铺。
HTML链接：
HTML链接就是使用超链接与另一个文档相连。使用a标签。
语法：<a href=”URl”> 加链接的文本</a>
链接可以链接到多个地方
链接到一个网页：
如：百度的链接：<a href=”http//www.baidu.com”>百度</a>
链接可以是一个字、一个词、或者是一句话，也可以是一幅图片
如：<a href=”http//www.baidu.com”><img src=”1.jpg” border=’0’></a>
跳到指定的网页：<ahref=”MyFirstHTml.htm”> 跳到指定的网页</a>
跳到指定地方：
<a name=”上面” href=”#下面”>跳到下面</a>
<a name=”下面” href=”#s上面”>跳到上面</a>
HTML表格
语法：
<table border=”1”>
<tr>
<td>单元格内容</td>
</tr>
<tr>
….
</table>
解释：td标签上显示一行中的内容，tr:添加一行表格。如果表格要跨行使用属性colspan、跨列使用rowspan属性。
表格的相关属性：
bgcolor 设置背景颜色
border 设置边框
bordercolor：设置边框颜色。
Cellspacing：单元格之间间隔。
Cellpadding；单元格与内容之间间隔。
Width：宽。
Height：高。
HTML表单：
文本框标签：<input type=”text”/>
密码框标签：<input type=” password”/>
例如：请输入密码：<input type=””passwordname=”pwd” value=””/>
文本域标签：<textarea>内容</textarea>
属性：rows（行）和cols(列)
提交按钮标签：<input type=”submit”/>
重设按钮标签：<input type=”reset”/>
按钮标签：<input type=”button”/>
图像标签：<input type=”image”/>
复选框标签：<input type=”checkbox”/>
单选按钮标签：<input type=”radio”/>
文件选择标签：<input type=”file”/>
扫一扫
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
