Html的介绍

Html 是一种标记语言，主要的用处是开发网页

展示出文字，图片，视频，声音等等

是我们web开发的基础

做什么

所谓的静态页面，指的是能不能交互，而不是东西能不能动

网页设计师（html + css +js +flash +美工）

Html 发展历程

局部浏览器89       Tim.李   第一个web服务器和web客户机

www  world wide web 世界范围网

99年 xhtml    2008 年html5 两个分支

W3C

麻省理工学院

是制定web标准的一个机构，html .css,xml等

Html ------xhtml------xml

Html运行原理

本地运行,Html 文件使用浏览器打开 （自己调试）

基本结构：<元素 属性=’属性值’ ………….. > 内容  </元素>

如果没有内容，可以写成<元素 属性=’属性值’ ………….. > </元素>

或者<元素 属性=’属性值’ ………….. />

<html>

<head>

<title>我的第一个网页</title>

</head>

<body>

<font size=7 color=green > hello world !</font>

</body>

</html>

Size 最大放大到7，如果还要放大，需要使用CSS，即style=”font-size:300px”

注释的写法<!— 内容  -->

服务器端运行(远程访问运行，99%的情况)

需要有服务器环境：tomcat/iis/weblogic 等

 

案例

<p></p> 段落

<font  size =1-7></font>字体大小

<br/>换行

 

 

特殊符号  在网页上显示一些特殊的符号

Html超链接

页面之间的链接

<a href='a.html'  target='_blank'><font size=5>老鼠爱大米</font></a>

<a></a>是超链接标记

Target 的话两个常用的标志

使用 Target 属性，你可以定义被链接的文档在何处显示

–blank  代表新开一个页面

-self 替换当前页面

链接到邮件

<a href='mailto:ylf8708@126.com' ><font size=5>给管理员写信</font></a><br/>

Html的图片元素

案例

<img src='123.jpg' width=170px /><br/>

控制了宽度以后就会自动调节高度

 

 

Html表格的主要用途

表格的主要用途是显示数据和图片，外加布局

<table border=5 cellspacing='10px'  cellpadding='10px'  align='center' width=500px bgcolor='yellow'>

<tr align='center'><td>1<td><td>2<td><td>3<td><tr>

<tr align='center'><td>1<td><td>2<td><td>3<td><tr>

<tr align='center'><td>1<td><td>2<td><td>3<td><tr>

</table>

Cellspacing 表格空隙大小：指两行，列之间的距离，可以扩大细胞间的距离

Cellpadding 表示填充大小 ：各行各列中的内容，可以扩大这个细胞的大小

html介绍的更多相关文章

  1. CSS3 background-image背景图片相关介绍

    这里将会介绍如何通过background-image设置背景图片,以及背景图片的平铺.拉伸.偏移.设置大小等操作. 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个: ...

  2. MySQL高级知识- MySQL的架构介绍

    [TOC] 1.MySQL 简介 概述 MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,将数据保存在不同的表中,而 ...

  3. Windows Server 2012 NIC Teaming介绍及注意事项

    Windows Server 2012 NIC Teaming介绍及注意事项 转载自:http://www.it165.net/os/html/201303/4799.html Windows Ser ...

  4. Linux下服务器端开发流程及相关工具介绍(C++)

    去年刚毕业来公司后,做为新人,发现很多东西都没有文档,各种工具和地址都是口口相传的,而且很多时候都是不知道有哪些工具可以使用,所以当时就想把自己接触到的这些东西记录下来,为后来者提供参考,相当于一个路 ...

  5. JavaScript var关键字、变量的状态、异常处理、命名规范等介绍

    本篇主要介绍var关键字.变量的undefined和null状态.异常处理.命名规范. 目录 1. var 关键字:介绍var关键字的使用. 2. 变量的状态:介绍变量的未定义.已定义未赋值.已定义已 ...

  6. HTML DOM 介绍

    本篇主要介绍DOM内容.DOM 节点.节点属性以及获取HTML元素的方法. 目录 1. 介绍 DOM:介绍DOM,以及对DOM分类和功能的说明. 2. DOM 节点:介绍DOM节点分类和节点层次. 3 ...

  7. HTML 事件(一) 事件的介绍

    本篇主要介绍HTML中的事件知识:事件相关术语.DOM事件规范.事件对象. 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三 ...

  8. HTML5 介绍

    本篇主要介绍HTML5规范的内容和页面上的架构变动. 目录 1. HTML5介绍 1.1 介绍 1.2 内容 1.3 浏览器支持情况 2. 创建HTML5页面 2.1 <!DOCTYPE> ...

  9. ExtJS 4.2 介绍

    本篇介绍ExtJS相关知识,是以ExtJS4.2.1版本为基础进行说明,包括:ExtJS的特点.MVC模式.4.2.1GPL版本资源的下载和说明以及4种主题的演示. 目录 1. 介绍 1.1 说明 1 ...

  10. ExtJS 4.2 组件介绍

    目录 1. 介绍 1.1 说明 1.2 组件分类 1.3 组件名称 1.4 组件结构 2. 组件的创建方式 2.1 Ext.create()创建 2.2 xtype创建 1. 介绍 1.1 说明 Ex ...

随机推荐

  1. 使用visual studio 2012 编译opencv2.4.9

    最近,由于需要从opencv源码部分对opencv中的某个函数进行修改,以提升算法的速度,因此一直在尝试使用vs2012来编译opencv.期间不乏多次的失败.今天通过实验发现了自己编译的opencv ...

  2. UML： 序列图

    摘自http://www.umlonline.org/school/thread-37-1-1.html 大家都进过餐馆吃饭吧?你是如何和餐厅服务员“眉来眼去”的呢?回忆一下从你进餐馆开始到你离开餐馆 ...

  3. 常用的sql函数

    常用的sql函数 concat('hello','world') 结果:helloworld  作用:拼接 substr('helloworld',1,5)      hello           ...

  4. c语言 typedef

      在C和C++编程语言中,typedef是一个关键字.它用来对一个资料类型取一个新名字.目的是为了使源代码更易于阅读和理解. 来看以下程式码: int coxes; int jaffa; ... c ...

  5. linux的vim按了ctrl+s之后假死的解决办法

    习惯了很多软件的保存的快捷键,经常在vim中按下ctrl+s,然后就发现vim不响应了,之间一直采用kill的方式解决,近来搜了一下,是这样子的: 这时的vim并没有死掉,只是vim不再向终端输出东西 ...

  6. 【ipython技巧】使用shell命令

    在ipython终端时,可能临时需要使用shell命令进行简单处理: 可以在shell命令前面使用 !(感叹号) 比如在win7,ipython下想要使用sublime新建一个py,可以这样 !sub ...

  7. 四种MySQL存储引擎

    前言 数据库存储引擎是数据库底层软件组织,数据库管理系统(DBMS)使用数据引擎进行创建.查询.更新和删除数据.不同的存储引擎提供不同的存储机制.索引技巧.锁定水平等功能,使用不同的存储引擎,还可以 ...

  8. pycharm常用快捷键

    Alt+Enter 自动添加包Ctrl+t SVN更新Ctrl+k SVN提交Ctrl + / 注释(取消注释)选择的行Ctrl+Shift+F 高级查找Ctrl+Enter 补全Shift + En ...

  9. 有趣的insert死锁

    昨天看到一个很有意思的死锁,拿来记录下: 环境:deadlock on 事务隔离级别: read commited 表结构: root::>show create table lingluo\G ...

  10. PHP用正则批量替换Img中src内容,用正则表达式获取图片路径实现缩略图功能

    PHP用正则批量替换Img中src内容,用正则表达式获取图片路径实现缩略图功能 网上很多正则表达式只能获取或者替换一个img的src内容,或者只能替换固定的字符串,要动态替换多个图片内容的试了几个小时 ...