HTML教程 第二节

了解HTML

html采用的是B/S架构

所谓的B/S结构呢就是浏览器/服务器

B Browser 浏览器

S Server 服务器 

html是网页的结构，CSS是网页的样式，javascript是网页的行为。

html就好像是我们人类的骨架，CSS呢就是我们的肉体，JavaScript是我们的行为和动作，他们的关系就好像下面这张图。

 

html就是网页的框架，如网页要分成几块就是用html代码实现的；css是用来美化网页框架的，如网页中的导航就是用css控制的；js是使网页框架具有动态效果的，如网页中的幻灯片效果就是用js来实现的。

在网页中html js cs三者无处不在，也可以说在网页中html js cs三者缺一不可。

然后我们接着上一节继续讲标签。

单标签

无属性<标签名/>
有属性<标签名  属性名="属性值"/>

双标签

无属性<标签名></标签名>
有属性<标签名  属性名="属性值"></属性名>

字符实体

在往HTML文档中写入特殊字符，

如“<”、“>”、“&”、“ ”等要是用特殊的代码，

浏览器会用HTML命令对这些特殊代码进行翻译

在网页中输入特殊字符，需要在HTML代码中加入以&开头的字母或以&#开头的数字

常见的有以下几种：

&nbsp；不换行空格
&gt；右尖括号
&lt；左尖括号
&copy；备案中图标

常用的元素

语法：

<div></div>

说明：

<div>标签可以把文档分割独立的，不同的部分。它可以用作严密的组织工具，并且不使用任何格式与其关联。
如果用id或class来标记<div>，那么该标签的作用会变得更加有效。
//实例<div style="width:100px；height:100px；background:#ff7cffa9；">文字</div>

语法：

<span></span>

 说明：

<span></span>文本结点可以是某一小段文本，或是某一个字。

列表的应用

HTML中有三种列表，分别是:

无序列表（ul）

有序列表（ol）

自定义列表（dl）

无序列表

语法:

<ul>
     <li>列表项内容</li>
     <li>列表项内容</li>
     <li>列表项内容</li>
     ……
<ul>     

有序列表

语法:

<ol>
     <li>列表项内容</li>   
     <li>列表项内容</li>
     <li>列表项内容</li>
     ……
<ol>

自定义列表

语法:

<dl>
     <dt>名词</dt>
     <dd>解释</dd>
     ……
<dl> 

超链接和图像

超链接

语法:

<a herf="目标文件路径及全称/链接地址"alt="替换文本"title="提示文本">链接文本/图片</a>

空链接:

<a herf="#"></a>

插入图像

<img src="目标文件路径及全称"alt="图片替换文本"title="图片标题"/>

第二节到这里就结束了

慢慢来谁还没有一个努力的过程。