南大软院大神养成计划-网页设计初学HTML

大一的时候稍微学了点网页设计的东西，结果现在全忘光了，正好学校有个网页设计大赛，然后就复习下，发现其实网页设计挺有趣的，来这里发表一下我的心得。
对了 ，推荐一个自学的好网站，慕课网，挺不错的，实践和学习结合起来学着很快。

先谈谈最基础的吧，今天就讲讲HTML一些标签的使用~


HTML标签

都挺简单，写几遍就能记住了

<a></a>    超链接

<b></b>    加粗

<br/>    换行

<hr/>    分割线

<h#></h#>    #表示1-6 标题标签，如<h1></h1>是最大号

<p></p>    段落标签

<span></span>    小块定义

<blockquote></blockquote>   大幅度引用，表现形式为缩进

<code>    代码语言</code>只有一行代码时使用

<pre></pre>   多行代码时使用

<ul></ul>    无序列表（以·开头）

<ol></ol>    有序列表（以1开头）

<li></li>   列表里的成员

<em></em>   斜体

<strong></strong>   强调，表现形式和<b></b>一样，但是系统会知道这是强调的，用屏幕读取的话会加重读音

2、a标签

语法：<a href="目标网址" title="鼠标停留的文本">链接显示的文本</a>

title属性的作用，鼠标停留时链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）。

注意：只要为文本加入a标签后，默认文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色）

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。

如下代码：

<a href="目标网址" target="_blank">链接显示的文本</a>

target属性为链接网址打开的地方。

3、img函数


用于网页插入图片。

基本语法：<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

4、表格


创建表格的四个元素：

table、tbody、tr、th、td

（1）<table>…</table>：整个表格以<table>标记开始、</table>标记结束，当表格内容非常多时，表格会下载一点显示一点。

（2）<tbody>…</tbody>：使用<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。

（3）<tr>…</tr>：表格的一行，有几对tr 表格就有几行。

（4）<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

（5）<th>…</th>：表格的头部的一个单元格，表格表头，默认表头居中加粗。

5、div标签

把一些标签放进<div>里，划分出一个独立的逻辑部分。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称。

这个<div>标签的作用就相当于一个容器。

基本语法：<div id="版块名称">…</div>
div标签在后面很多布局方面非常有用

简单讲讲CSS，后面的博客会深入讲解，现在先给大家一个简单描述下

CSS是层叠样式表（Cascading Stylesheet）的缩写
说白了就是把普通的图片、文字、块等等变成你想要的表现形式
比如改变文字大小颜色，图片位置等等,今天讲的所有内容都可以用DIV标签DIY成你想要的模样


其它的明天继续