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. JSP out乱码

    在form method="post" 写post 在接受页面jsp代码前面加request.setCharacterEncoding("UTF-8");

  2. Java基础(58):Eclipse中的快捷键大全（转）

    Eclipse快捷键大全(转载) Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行 ...

  3. 接口是否可继承接口? 抽像类是否可实现(implements)接口? 抽像类是否可继承实体类(concrete class)?

    接口是否可继承接口? 抽像类是否可实现(implements)接口? 抽像类是否可继承实体类(concrete class)? 1. 接口可以继承接口. 2. 抽像类可以实现(implements)接 ...

  4. 事务——sql server中的事务应用举例

    sql中事务只针对一个update,delete,insert语句,如果一段程序中有超过一个这样的语句,就需要每个都判断是否出错,否则就会出现若干我们不希望的情形出现,举例如下(表结构见最后): 1, ...

  5. angular form 验证

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. System.Web.HttpContext.Current.Server.MapPath("~/upload/SH") 未将对象引用设置为实例对象

    做项目的时候,System.Web.HttpContext.Current.Server.MapPath("~/upload/SH")   获取路径本来这个方法用的好好的 因为需要 ...

  7. C#与js的各种交互

    今天遇到一个问题,查到不错的资料,放上来记录一下,以防忘记地址,算是我的笔记吧! 很多人都向在服务器端调用客户端的函数来操作,也就是在asp中调用javascript脚本中已经定义好的脚本函数.经过研 ...

  8. PAT乙级 1003. 我要通过！(20)

    答案正确”是自动判题系统给出的最令人欢喜的回复.本题属于PAT的“答案正确”大派送 —— 只要读入的字符串满足下列条件,系统就输出“答案正确”,否则输出“答案错误”. 得到“答案正确”的条件是: 1. ...

  9. ubuntu SVN环境配置（转）

    一.SVN安装1.安装包$ sudo apt-get install subversion 2.添加svn管理用户及subversion组$ sudo adduser svnuser$ sudo ad ...

  10. Maven（一）

    Maven学习总结(一)——Maven入门 一.Maven的基本概念 Maven(翻译为"专家","内行")是跨平台的项目管理工具.主要服务于基于Java平台的 ...