HTML基础的基础
今天咱们来看一下有关HTML的相关基础内容
学过.net的对HTML不会陌生
但是对于想单纯的了解下HTML的可能对他不是很了解
男的可以这么理解HTML=How To Make Love 咳咳，请上车
言归正传，HTML：超文本标记语言：超越分本范畴的带有标记性的计算机语言
喜欢用什么软件去做HTML都可以，文本也可以，当然我用的是VS
咱们先来看下HTML的编写格式
1 <html> 2 <head></head> 3 <body> 4 5 </body> 6 </html>
最前和最后记得写<html>和</html>
这个就相当于C#里面的Console.ReadLine();
记得一定要写
<>这就是标记，里面的内容就是语言
<head> 可以理解为头部，大脑，思维，中心思想，显示的具体位置就是你浏览器的选项卡那一部分的内容
<body>躯干，是指你所能看到的，能从网页上所看到的
THML就这么简单，无非是需要记的代码可能多点
那咱们开始讲几个常用的代码
那网页当中显示的可以是文字、图片、音频、视频等等等等，咱们挑文字来讲
一般情况下用word熟悉的人都知道，文字编辑无非就是六种编辑方式，咱们给分成两大类，每类分三种
文字
加粗、倾斜、下划线
字体、大小、颜色
第一种
加粗： <b>...</b>
倾斜： <i>...</i>
下划线： <u>....</u>
第二种
字体： <face>...</face>
大小： <size>...</size>
颜色： <color>...</color>
在文字标记中我们来了解下一个特殊的标记<fount></fount>
具体的用法
1 <fount size="7" face="楷体" color="red"></fount>
size 字体大小是1-7 最大到7
图片
<img src="相对路径（千万不要用绝对路径）" width="200 px" height="200 px" />
里面的px是像素的意思，不知道像素什么意思的自行百度，不再赘述
空格：
换行标记：<br/>
段落标记：<p></p>
其实咱们看到的网页，可以简单的理解为多个表格组成的，在表格里面插入图片、文字、超链接等等等等
那么咱们来看一下怎么去做一个简单的表格
1 <table> 2 <tr> 3 <td> 4 5 </td> 6 </tr> 7 </table>
table就是表格的意思
tr是行的意思
td可以理解为列，但是最好还是理解为在一行当中开辟出来的空间，或者是格子
有表格就会有边框，有边框就会有高、宽、格子之间的间距，在里面写内容或者是添加图片，那就会有排列方式，有排列方式那就会有间距
网页大家都浏览过，上面五颜六色的，那就会有背景颜色，背景图
咱们来一项一项的看一下
border： 边框粗细
width： 宽度 px（像素） 或者是百分比%
heigh: 高度 或者是百分比 %
align: 水平排列格式 在这里大家要用到一个代码 center：居中 这两个可以连起来写： align="center" 这就是水平居中 做网站或者网站编辑会经常用到
valign: 垂直排列 在比较官方的网站当中会用到，当然客户有需求的也会用到
bgcolor: 背景颜色
background: 背景图片
cellspacing: 单元格之间的间距，外间距
cellpadding: 内容与单元格之间的间距，内间距
有很多男士同胞都上过小网站，都会遇到这么一种情况，就是随便点一下空白处或者是点到背景图片上就会跳转到别的页面，那咱们现在就用到一种标记，超链接
1 <a href="网址" target="_blank"> 文字、图片 </a>
上面的代码可能会看着很懵逼，我特么也懵逼，那咱们来剖析下
<a></a> 这就是插入超链接的基本格式，不用钻进去，就是钻进去她也不出水，没必要
href="网址" 这个呢也是插入超链接的，但是是要跟上面的代码一样，要插对地方，不然她会跟你造反的
target="_blank" 这个的意思就是在一个新的页面打开你锁输入的网址，如果没有这个也没有问题，那就会覆盖掉原先的页面在本页打开新的超链接地址，新旧无所谓，关键在于...咳咳，请看上面
文字、图片 这个就是你要用什么做超链接，可以是文字，也可以是图片，都可以做成超链接
其实HTML不算是很难，就是代码量比较多而已，并且你所输入的标记代码需要插对地方，而且还不能把关系搞乱，否则她就给你甩脸子，为什么用她呢，因为HTML就是一个展示数据的工具，真正的内容都在C#和SQL里面，外表貌美如花了总是好的，不然别人恐怕都不愿意去了解你的内在，当然，我比较例外，好了各位，今天车也开了，到站了，各位老司机小学生请下车，咱们改天再见<br />
