了解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代码中加入以&开头的字母或以&#开头的数字
常见的有以下几种:
 ;不换行空格
>;右尖括号
<;左尖括号
©;备案中图标
常用的元素
语法:
<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="图片标题"/>
第二节到这里就结束了
慢慢来谁还没有一个努力的过程。