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是像素的意思,不知道像素什么意思的自行百度,不再赘述

 

空格:&nbsp;

换行标记:<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 />

 

posted @ 2017-03-20 17:06  Jokerpapapa  阅读(198)  评论(0编辑  收藏  举报