今天咱们来看一下有关HTML的相关基础内容

学过.net的对HTML不会陌生

但是对于想单纯的了解下HTML的可能对他不是很了解

男的可以这么理解HTML=How To Make Love 咳咳，请上车

言归正传，HTML：超文本标记语言：超越分本范畴的带有标记性的计算机语言

喜欢用什么软件去做HTML都可以，文本也可以，当然我用的是VS

咱们先来看下HTML的编写格式

 <html>

     <head></head>

         <body>

     </body>

 </html>

最前和最后记得写<html>和</html>

这个就相当于C#里面的Console.ReadLine();

记得一定要写

<>这就是标记，里面的内容就是语言

<head> 可以理解为头部，大脑，思维，中心思想，显示的具体位置就是你浏览器的选项卡那一部分的内容

<body>躯干，是指你所能看到的，能从网页上所看到的

THML就这么简单，无非是需要记的代码可能多点

那咱们开始讲几个常用的代码

那网页当中显示的可以是文字、图片、音频、视频等等等等，咱们挑文字来讲

一般情况下用word熟悉的人都知道，文字编辑无非就是六种编辑方式，咱们给分成两大类，每类分三种

文字

加粗、倾斜、下划线

字体、大小、颜色

第一种

加粗：    <b>...</b>

倾斜：    <i>...</i>

下划线：    <u>....</u>

第二种

字体：    <face>...</face>

大小：    <size>...</size>

颜色：    <color>...</color>

在文字标记中我们来了解下一个特殊的标记<fount></fount>

具体的用法

 <fount size="7" face="楷体" color="red"></fount>

size 字体大小是1-7  最大到7

图片

<img src="相对路径（千万不要用绝对路径）" width="200 px" height="200 px" />

里面的px是像素的意思，不知道像素什么意思的自行百度，不再赘述

空格：&nbsp;

换行标记：<br/>

段落标记：<p></p>

其实咱们看到的网页，可以简单的理解为多个表格组成的，在表格里面插入图片、文字、超链接等等等等

那么咱们来看一下怎么去做一个简单的表格

 <table>

        <tr>

               <td>

               </td>

        </tr>

 </table>

table就是表格的意思

tr是行的意思

td可以理解为列，但是最好还是理解为在一行当中开辟出来的空间，或者是格子

有表格就会有边框，有边框就会有高、宽、格子之间的间距，在里面写内容或者是添加图片，那就会有排列方式，有排列方式那就会有间距

网页大家都浏览过，上面五颜六色的，那就会有背景颜色，背景图

咱们来一项一项的看一下

border：   边框粗细

width：    宽度  px（像素） 或者是百分比%

heigh:      高度  或者是百分比  %

align:       水平排列格式    在这里大家要用到一个代码  center：居中   这两个可以连起来写： align="center" 这就是水平居中 做网站或者网站编辑会经常用到

valign:      垂直排列  在比较官方的网站当中会用到，当然客户有需求的也会用到

bgcolor:    背景颜色

background:       背景图片

cellspacing:       单元格之间的间距，外间距

cellpadding:      内容与单元格之间的间距，内间距

有很多男士同胞都上过小网站，都会遇到这么一种情况，就是随便点一下空白处或者是点到背景图片上就会跳转到别的页面，那咱们现在就用到一种标记，超链接

 <a href="网址" target="_blank"> 文字、图片 </a>

上面的代码可能会看着很懵逼，我特么也懵逼，那咱们来剖析下

<a></a>   这就是插入超链接的基本格式，不用钻进去，就是钻进去她也不出水，没必要

href="网址"    这个呢也是插入超链接的，但是是要跟上面的代码一样，要插对地方，不然她会跟你造反的

target="_blank"    这个的意思就是在一个新的页面打开你锁输入的网址，如果没有这个也没有问题，那就会覆盖掉原先的页面在本页打开新的超链接地址，新旧无所谓，关键在于...咳咳，请看上面

文字、图片   这个就是你要用什么做超链接，可以是文字，也可以是图片，都可以做成超链接

其实HTML不算是很难，就是代码量比较多而已，并且你所输入的标记代码需要插对地方，而且还不能把关系搞乱，否则她就给你甩脸子，为什么用她呢，因为HTML就是一个展示数据的工具，真正的内容都在C#和SQL里面，外表貌美如花了总是好的，不然别人恐怕都不愿意去了解你的内在，当然，我比较例外，好了各位，今天车也开了，到站了，各位老司机小学生请下车，咱们改天再见<br />

HTML基础的基础的更多相关文章

  1. [.net 面向对象编程基础] (3) 基础中的基础——数据类型

    [.net 面向对象编程基础] (3) 基础中的基础——数据类型 关于数据类型,这是基础中的基础. 基础..基础..基础.基本功必须要扎实. 首先,从使用电脑开始,再到编程,电脑要存储数据,就要按类型 ...

  2. [.net 面向对象编程基础] (4) 基础中的基础——数据类型转换

    [.net面向对象编程基础] (4)基础中的基础——数据类型转换 1.为什么要进行数据转换? 首先,为什么要进行数据转换,拿值类型例子说明一下, 比如:我们要把23角零钱,换成2.30元,就需要把整形 ...

  3. [.net 面向对象编程基础] (5) 基础中的基础——变量和常量

    [.net面向对象编程基础]  (5) 基础中的基础——变量和常量 1.常量:在编译时其值能够确定,并且程序运行过程中值不发生变化的量. 通俗来说,就是定义一个不能改变值的量.既然不能变动值,那就必须 ...

  4. [.net 面向对象编程基础] (6) 基础中的基础——运算符和表达式

    [.net 面向对象编程基础] (6) 基础中的基础——运算符和表达式 说起C#运算符和表达式,小伙伴们肯定以为很简单,其实要用好表达式,不是一件容易的事.一个好的表达式可以让你做事半功倍的效果,比如 ...

  5. [.net 面向对象编程基础] (7) 基础中的基础——流程控制语句

    [.net 面向对象编程基础] (7) 基础中的基础——流程控制语句 本来没有这一节的内容,后来考虑到既然是一个系列文章,那么就尽可能写的详细一些,本节参考了网上朋友所写的例子,为的是让更多小伙伴学习 ...

  6. [.net 面向对象编程基础] (8) 基础中的基础——修饰符

    [.net 面向对象编程基础] (8) 基础中的基础——修饰符 在进入C#面向对象核心之前,我们需要先对修饰符有所了解,其实我们在前面说到变量和常量的时候,已经使用了修饰符,并且说明了变量和常量的修改 ...

  7. JavaScript基础---语言基础（1）

    写在前面: 通过四篇博客把JS基础中的基础整理一下,方便自己查阅,这些内容对于实际项目开发中也许并不会在意,但是作为JS的语言基础,自觉还是应该熟悉.在完成这三篇博客(JavaScript基础---语 ...

  8. jQuery基础---Ajax基础教程

    jQuery基础---Ajax基础 内容提纲: 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax ...

  9. Java基础(2)-基础类型

    java基础类型 基础类型 package knowledge.base; public class Properties { /** * 整型 * int 4字节 -2 147 483 648 ~2 ...

  10. 第二十五节：Java语言基础-面向对象基础

    面向对象 面向过程的代表主要是C语言,面向对象是相对面向过程而言,Java是面向对象的编程语言,面向过程是通过函数体现,面向过程主要是功能行为. 而对于面向对象而言,将功能封装到对象,所以面向对象是基 ...

随机推荐

  1. web计时机制——performance对象

    前面的话 页面性能一直都是Web开发人员最关注的领域.但在实际应用中,度量页面性能的指标,是提高代码复杂程度和巧妙地使用javascript的Date对象.Web Timing API改变了这个局面, ...

  2. 备胎的养成记KeepAlived实现热备负载

    在  入坑系列之HAProxy负载均衡 中已经详细讲过了怎么将高并发的请求按均衡算法分发到几台服务器上做均衡防止单机崩溃. 但这样的话有没有发现所有请求都经过了HAproxy代理,自然当并发量越来越高 ...

  3. Python中的变量

    多个变量赋值 Python允许你同时为多个变量赋值.例如: a = b = c = 1 以上实例,创建一个整型对象,值为1,三个变量被分配到相同的内存空间上. 您也可以为多个对象指定多个变量.例如: ...

  4. vs打开项目出错：未找到导入的项目“C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\BuildCustomizations\CUDA 5.0.props”的解决办法

    有时候由于CUDA升级或者下载的源码原创建项目的CUDA版本与自己的不同,在打开项目的时候发现加载不上,提示:未找到导入的项目“C:\Program Files (x86)\MSBuild\Micro ...

  5. 配置uwsgi

    首先要明确的是,如果你喜欢用命令行的方式(如shell)敲命令,那可以省去任何配置. 但是,绝大多数人,还是不愿意记那么长的命令,反复敲的.所以uwsgi里,就给大家提供了多种配置,省去你启动时候,需 ...

  6. 快乐Node码农的十个习惯 转

    从问世到现在将近20年,JavaScript一直缺乏其它有吸引力的编程语言,比如Python和Ruby,的很多优点:命令行界面,REPL,包管理器,以及组织良好的开源社区.感谢Node.js和npm, ...

  7. MySQL中的一些内置函数

    mysql> select now(); #获取当前的日期和时间 +---------------------+ | now() | +---------------------+ | -- : ...

  8. 机器学习 - pycharm, pyspark, spark集成篇

    AS WE ALL KNOW,学机器学习的一般都是从python+sklearn开始学,适用于数据量不大的场景(这里就别计较“不大”具体指标是啥了,哈哈) 数据量大了,就需要用到其他技术了,如:spa ...

  9. 深入浅出分析MySQL MyISAM与INNODB索引原理、优缺点、主程面试常问问题详解

    本文浅显的分析了MySQL索引的原理及针对主程面试的一些问题,对各种资料进行了分析总结,分享给大家,希望祝大家早上走上属于自己的"成金之路". 学习知识最好的方式是带着问题去研究所 ...

  10. Xshell连接本地 Virtualbo Ubuntu

    1.打开Virtualbox软件,启动ubuntu虚拟机. Ctrl + Alt + T 打开终端输入一下命令: sudo apt-get update 然后安装ssh 输入:sudo apt-get ...