zoukankan      html  css  js  c++  java
  • 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 />

  • 相关阅读:
    Java 位运算(移位、位与、或、异或、非)
    负数的二进制表示方法(正数:原码、负数:补码)
    MacOS X终端里SSH会话管理
    Mac软件分享:上小巧实用的GIF格式录屏软件 LICEcap
    问题追踪:ImageView执行缩放动画ScaleAnimation之后,图像显示不全的问题。
    自定义res/anim加载类,加载自定义Interpolator
    原文翻译 Android_Develop_API Guides_Animation Resources(动画资源)
    OAuth2.0详解
    Grails框架使用指南
    Groovy语言学习汇总
  • 原文地址:https://www.cnblogs.com/TheJoker/p/6590302.html
Copyright © 2011-2022 走看看