html介绍

分享到:

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 表示填充大小 :各行各列中的内容,可以扩大这个细胞的大小

昵    称:
验证码:

相关文档:

  • phonegap源码分析(一)--- android(转)
    Phonegap已把源码提交到apache,成为一个非常受关注的开源框架cordova,它的跨平台的特性有点当年Java的味道和势头,成为移动平台上比较...
  • html5world笔记
    HTML5学习笔记 一:表单及其他新增和改良的元素 1.1以前表单内的从属元素必须写在表单的内部,在5中可以把它写在任何的部位中的label...
  • JQuery实现密码有短暂的显示过程和实现 input hint效果
    目录: 一、实现目的 二、问题思考 三、解决办法 1、输入用户名 2、输入密码短暂显示 一、实现目的 这几天做项目的时候,客户...
  • ThinkPHP实现经纬度范围查询
    thinkphp实现附近范围的查询,如附近的人和附近团购之类。 首先,要定位用户的经纬度。客户端定位的方法可以使用地图api或者用html5浏...
  • HTML5+javascript实现图片加载进度动画效果
    在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个。 图片加载完后,隐藏loading效果。 想看加载效果,请ctr...
  • HTML-HTML5+CSS3权威指南阅读(四、媒体查询)
    1.媒体类型 HTML4和CSS2目前支持为不同的媒体类型设定专有的样式表,比如,一个页面在屏幕上显示时使用无衬线字体,而在打印时则使用衬线...
  • HTMl5结构元素:article
    article: 表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分,并且这部分专用于独立地分类或复用。(例如:一...
  • 不常用但很不错的html5效果
    这里精选了一组很酷的HTML5效果。HTML5是现Web开发领域的热点,拥有很多让人期待已久的新特性,特别是在移动端,Web开发人员可以借助HT...
  • 转载 遇到过的一些php笔试题
    遇到过的一些php笔试题 1、linux的多线程和多进程有什么区别?什么时候使用多线程,什么时候使用多进程? 答:(1)进程资源调度的最...
  • 解决ie不支持placeholder的问题
    html5的input标签有一个很强大的placeholder属性,可是ie9以下的都不支持(包括ie9).为了解决这个问题。需要自己写js控制 <!DOCTYPEhtml> <h...
  • 移动端HTML5资源整理
    目录 meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱...
  • html5 canvas 五子棋游戏
    <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>五子棋</title> <styletype="text/css"> *{ margi...
  • HTML5验证输入框
    <inputname=""id=""type="text"maxlength="11"placeholder="用户名"required='required'autofocus=""oninput="setCustomValidity('');"oninvalid="setCustomVali...
  • HTML实现文件拖动上传
    在大型企业的开发过程中,很多比较有趣而实际的功能往往都是让大家望而却步,我给大家带来一个百度云盘和360云盘的HTML5多文件拖动...
  • editplus中html的自动补全功能
    之前一直都是“纯手工”,一个一个符号慢慢敲的,现在编码量大了,自然效率也不能还停留在一个一个慢慢敲的时代。...
  • HTML5 canvas translate() 方法
    实例 在位置(10,10)处绘制一个矩形,将新的(0,0)位置设置为(70,70)。再次绘制新的矩形(请注意现在矩形从位置(80,80)开始绘制): Yourbrowser...
  • html5 合成及透明度调整
    <body><canvasid="c1"width="400"height="400"></canvas><scripttype="text/javascript">varoC=document.getElementById("c1");varoGC=...
  • html5 css3 loading 效果
    canvashtml5load1 主要思路update实现12个点的绘制和旋转效果 varupdate=function(){ ctx.save();//把当前绘图状态保存起来 ctx.clearRect(0,0,128,128);//擦除...
  • Hexo
    Hexo是一个快速,轻量,强大的Node.js博客框架。带给你难以置信的编译速度,瞬间生成静态文件;支持Markdown,甚至可以在Hexo中集合Octopre...
  • HTML5+NodeJs实现WebSocket即时通讯
    声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 最近都在学习HTML5,做canvas游戏之类的,发现HTML5中除了canvas这个强大的工...