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. 使用Navicat for Oracle新建表空间、用户及权限赋予---来自烂泥

    Navicat for Oracle是有关Oracle数据库的客户端工具.通过这个客户端,我们可以图形方式对Oracle数据库进行操作. 说 明我们此次试验的Oracle数据库版本是Oracle 10 ...

  2. set和map和pair 转自ACdreamers

    set与map容器         分类:             C/C++              2013-08-25 19:21     560人阅读     评论(0)     收藏    ...

  3. 转：Curl详解

    用途说明 curl命令是一个功能强大的网络工具,它能够通过http.ftp等方式下载文件,也能够上传文件.其实curl远不止前面所说的那些功能,大家可以通过man curl阅读手册页获取更多的信息.类 ...

  4. 【你吐吧c#每日学习】11.10 C# Data Type conversion

    implicit explicit float f=12123456.213F int a = Convert.ToInt32(f); //throw exception or int a = (in ...

  5. Java基础(37):Java中日期的显示与格式定值----Date与SimpleDateFormat的试用

    使用 Date 和 SimpleDateFormat 类表示时间 在程序开发中,经常需要处理日期和时间的相关数据,此时我们可以使用 java.util 包中的 Date 类.这个类最主要的作用就是获取 ...

  6. Appium-android环境的快速搭建

    1.Android的要求: Android的sdk api>=16 appium支持android在linux,osx(mac),window平台 2.Appium的安装与启动: 安装: (1) ...

  7. yii中sphinx索引配置解析

    #MySQL数据源配置,详情请查看:http://www.coreseek.cn/products-install/mysql/#请先将var/test/documents.sql导入数据库,并配置好 ...

  8. C main

    #include <stdio.h> int main(int argv, char* argc[]) { printf("argv is %d", argv); // ...

  9. OpenGl And 视图

    OpenGl And 视图 标签(空格分隔): game 简介 本文主要介绍坐标系的观念, 以及在openGL中的视图及其相关的变换. 大纲 视图.模型.投影变换概念 Opengl中对各种变换的支持 ...

  10. [php] 使用IDE的正则搜索代码

    ([^a-zA-Z_=$0-9/\[\>])('|"|,)?(\s*)store_banner(\s*)('|"|,)?([^a-zA-Z_=$0-9\/\(\]:]) 用在 ...