HTML基础的基础
今天咱们来看一下有关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是像素的意思,不知道像素什么意思的自行百度,不再赘述
空格:
换行标记:<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基础的基础的更多相关文章
- [.net 面向对象编程基础] (3) 基础中的基础——数据类型
[.net 面向对象编程基础] (3) 基础中的基础——数据类型 关于数据类型,这是基础中的基础. 基础..基础..基础.基本功必须要扎实. 首先,从使用电脑开始,再到编程,电脑要存储数据,就要按类型 ...
- [.net 面向对象编程基础] (4) 基础中的基础——数据类型转换
[.net面向对象编程基础] (4)基础中的基础——数据类型转换 1.为什么要进行数据转换? 首先,为什么要进行数据转换,拿值类型例子说明一下, 比如:我们要把23角零钱,换成2.30元,就需要把整形 ...
- [.net 面向对象编程基础] (5) 基础中的基础——变量和常量
[.net面向对象编程基础] (5) 基础中的基础——变量和常量 1.常量:在编译时其值能够确定,并且程序运行过程中值不发生变化的量. 通俗来说,就是定义一个不能改变值的量.既然不能变动值,那就必须 ...
- [.net 面向对象编程基础] (6) 基础中的基础——运算符和表达式
[.net 面向对象编程基础] (6) 基础中的基础——运算符和表达式 说起C#运算符和表达式,小伙伴们肯定以为很简单,其实要用好表达式,不是一件容易的事.一个好的表达式可以让你做事半功倍的效果,比如 ...
- [.net 面向对象编程基础] (7) 基础中的基础——流程控制语句
[.net 面向对象编程基础] (7) 基础中的基础——流程控制语句 本来没有这一节的内容,后来考虑到既然是一个系列文章,那么就尽可能写的详细一些,本节参考了网上朋友所写的例子,为的是让更多小伙伴学习 ...
- [.net 面向对象编程基础] (8) 基础中的基础——修饰符
[.net 面向对象编程基础] (8) 基础中的基础——修饰符 在进入C#面向对象核心之前,我们需要先对修饰符有所了解,其实我们在前面说到变量和常量的时候,已经使用了修饰符,并且说明了变量和常量的修改 ...
- JavaScript基础---语言基础(1)
写在前面: 通过四篇博客把JS基础中的基础整理一下,方便自己查阅,这些内容对于实际项目开发中也许并不会在意,但是作为JS的语言基础,自觉还是应该熟悉.在完成这三篇博客(JavaScript基础---语 ...
- jQuery基础---Ajax基础教程
jQuery基础---Ajax基础 内容提纲: 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax ...
- Java基础(2)-基础类型
java基础类型 基础类型 package knowledge.base; public class Properties { /** * 整型 * int 4字节 -2 147 483 648 ~2 ...
- 第二十五节:Java语言基础-面向对象基础
面向对象 面向过程的代表主要是C语言,面向对象是相对面向过程而言,Java是面向对象的编程语言,面向过程是通过函数体现,面向过程主要是功能行为. 而对于面向对象而言,将功能封装到对象,所以面向对象是基 ...
随机推荐
- Yii 2.0 ActiveForm生成表单 ,控制表单label和filed样式,filed一旦报错,前面lable颜色跟着变,看图,帮你解决
需要生成如下图的表单样式,图一:
- wemall软件交易平台微信图文编辑器部分代码分享
wemall软件交易平台微信图文编辑器部分代码,可下载: controller.php <?php date_default_timezone_set("Asia/chongqing& ...
- WeMall微信商城签到插件Sign的主要源码
WeMall微信商城源码签到插件Sign,用于商城的签到系统,分享了部分比较重要的代码,供技术员学习参考 AdminController.class.php <?php namespace Ad ...
- Django HTTP处理流程(自我总结)
Django中由wsgi模块接管http请求,核心处理方法为get_wsgi_application,其定义如下: def get_wsgi_application(): ""&q ...
- "the hypervisor is not running" 故障
在我们日常服务器管理中,常常会遇到创建虚拟机,如果在一台新部署的 Hyper-V 上新建一个 Virtual Machine 时,出现错误信息:"The virtual machine co ...
- WP8.1小梦词典开发1:金山词霸API使用
原文出自:http://www.bcmeng.com/windows-phone-api/ 今天开始小梦给大家分享一下小梦词典开发中几个关键问题,首先我们来看查词功能的实现.小梦词典的查词功能是通过金 ...
- 使用Hibernate中出现了Caused by: java.sql.SQLException: Field 'gid' doesn't have a default value
那是因为表中没有设置主键自动增长,只需要改变表中的主键设置为自动增长即可
- javascript数组详解(js数组深度解析)【forEach(),every(),map(),filter(),reduce()】
Array 对象是一个复合类型,用于在单个的变量中存储多个值,每个值类型可以不同. 创建数组对象的方法: new Array(); new Array(size); new Array(element ...
- 【C语言】两种方式实现冒泡排序算法
题目要求 编写一个C语言程序,实现基本的冒泡排序算法. 算法 冒泡排序,用一句话来总结: 一组数中,相邻的两个数进行比较.交换,将最大(小)数交换至尾(首)部,即完成了一次冒泡排序 要想对N个数字进行 ...
- Quartz.NET总结(六)了解Jobs 和 Triggers
前面讲了一些Quartz.net 的一些东西, http://www.cnblogs.com/zhangweizhong/category/771057.html 但是发现有一些基础的东西,没有说到. ...