html总结

html是一门标记语言，也就是不经过编译就能直接执行的语言，不像是c/c++/java等等须要转换成二进制码，

html是一门最主要的学科，提供了一个框架，提供了各种标签和规则，使得语言学起来非常easy，html'使用最

多的应该是超链接，这也就构成了各种网页之间的交流。

超链接使用的是：

<a></a>标签

<a href="l链接地址"></a>    eg:<a href="www.baidu.com"></a>

<a href="本地网页"></a>     eg:<a href="01.html"></a>

邮箱的超链接和其它的不太一样

<a mailto="邮箱地址"></a>   eg：<a mailto="1067386247@qq.com"></a>

超链接再打开新窗体的时候还有几种模式：

eg:<a href="www.baidu.com" target="_blank"></a>

     <a href="www.baidu.com" target="_self"></a>

     当中_blank是在一个新窗体中打开的，而self是替换当前的窗体。

  表格：

  <table>

  <tr>

  <td></td>

  </tr>

  </table>

  <table>是表格的一个标签，tr便是一行，td是一行中的一个小元素。

  特别注意这里非常easy搞乱，就是几行几列，我特别easy搞乱，可能是智商着急。。。

  还有两个特别重要的标签：

  colspan 表示一行合并，就像excel中的合并单元格中合并一行中某几个单元格

  rowspan表示一列合并，就像excel中的合并单元格中合并一列中某几个单元格

  语法：

  colspan=2就好，在这同一时候应该把本行的一个td删除一个，不然就多出一个单元格

  rowspan=2时，应删除下一行的一个单元格

  在建立表格的时候，应该先计算好表格的宽和高

  表格中的几个标签：

  coellspacing是表示表格单元之间的间距

  表格基本上就这么多东西，以下是一个课程表：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">

<head>

<title>新建网页</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="description" content="布尔教育 xhtml 12小时新手教程" />

</head>

    <body>

    <table width="600px" height="500px" border="1px" cellspacing="0px" align=center>





    <tr align=center>

    <td height="30px" colspan=2></td>

    <td>星期一</td>

    <td>星期二</td>

    <td>星期三</td>

    <td>星期四</td>

    <td>星期五</td>

   

    </tr>

    <tr height="100px" align=center>

    <td height="200" rowspan=2>上午</td>

    <td width="30px">一</td>

    <td>大学英语</td>

    <td>硬件组装与维修</td>

    <td>大学英语</td>

    <td>高等数学</td>

    <td>线性代数</td>

    </tr>

    <tr align=center>

    <td width="30px">二</td>

    <td>大学体育</td>

    <td></td>

    <td>计算机组装与维护</td>

    <td></td>

    <td>马克思原理</td>

   

    </tr>

    <tr height="100px" align=center>

    <td height="200" rowspan=2>下午</td>

    <td width="30px">三</td>

    <td>线性代数</td>

    <td>高等数学</td>

    <td></td>

    <td>大学英语</td>

    <td></td>

    </tr>

    <tr align=center>

    <td width="30px">四</td>

    <td></td>

    <td></td>

    <td>家电维修</td>

    <td></td>

    <td></td>

   

    </tr>

    <tr align=center>

    <td colspan=2>晚上</td>

    <td></td>

    <td></td>

    <td>摄影</td>

    <td></td>

    <td></td>

   

    </tr>

    </table>

    </body>

</html>

***********************************************************************************

框架：

<frameset>

</frameset>

使用这个标签就是把一个页面切割成非常多页面，这个布局能够自己设定，

感觉和表格切割有点类似，比方cols和rows，非常相似的。

比方有三个网页：top.html,left.html,right.html要集成在一个网页all.html中

能够这么设定：

<frameset  cols="20%,*">或者是<frameset  cols="20%,80%">

<frame src="top.html"> </frame>

<frameset  rows="50%,*">或者是<frameset  rows="50%,50%">

<frame src="left.html"></frame>

<frame src="right.html"></frame>

</frameset>

</frameset>

就表示将all.html分成三个框架，当中上边的占了20%，左边的占了剩下80%的50%，右边是剩余的。





还有就是列表：

列表又分为无序列表和有序列表，无序列表更加经常使用。他们仅仅是标签不一样，其它的用法都是一样的。

无序列表:

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

有序列表：

<ol>

<li></li>

<li></li>

<li></li>

<li></li>

</ol>

列表能够设置type：

<ul type="desc">

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

表示无序列表前面的序号是一个实心方块，还有非常多类型，详见帮助文档。

HTML学习_01的更多相关文章

  1. C++基础学习_01

    C++基础学习_01 基础知识:1.命名空间,2.IO流(输入输入),3.参数缺省,4.函数重载 1.命名空间 作用:对标识符的名称进行本地化,避免命名冲突 定义:namaspace space_na ...

  2. sqlserver学习_01

    sqlserver的学习成长之路,每一个技术的学习过程都是值得让人回味的,现在百度上关于sqlser的资料很多,但是都太杂,希望能为大家分享一点简单易懂的干货,跟大家一起进步学习. 一.建表 1.创建 ...

  3. python_库学习_01

    一.python的库学习之 财经数据接口包 1.安装ThShare 直接pip install tushare 可能会出现缺少依赖库的情况,依次安装,大概有lxml,pandas,bs4,reques ...

  4. hive学习_01

    1.构建在Hadoop之上的数据仓库(数据计算使用MR,数据存储使用HDFS) 2.Hive定义了一种类SQL查询语言----HQL 3.通常用于进行离线数据处理(非实时) 4.一个ETL工具 5.可 ...

  5. Redis学习_01 windows下的环境搭建

    一.Redis 简介 redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表).set(集合).zset( ...

  6. NumPy学习_01 ndarray相关概念

    1.NumPy库 NumPy = Numerical Python 是高性能科学计算和数据分析的基础库. pandas库充分借鉴了NumPy的相关概念,先行掌握NumPy库的用法,才能把pandas的 ...

  7. vue学习_01

    一.什么是VUE 渐进式的前端框架,MVVM(Model,view,viewmodel)模式,饿了么用的就是vue框架 二.VUE基本语法 1.引入vue: <script src=" ...

  8. JSP学习_01

    JSP cookie是存储在客户机的文本文件,保存了大量的轨迹信息.通常有三个步骤可以识别回头客:1)服务器脚本发送一系列cookie到浏览器,如姓名.年龄.ID等2)浏览器在本地存储这些信息以备不时 ...

  9. sklearn学习_01

    # -*- coding: utf-8 -*- """ Created on Fri Sep 29 11:05:52 2017 机器学习之sklearn @author: ...

随机推荐

  1. Java.util.zip adding a new file overwrites entire jar?(转)

    ZIP and TAR fomats (and the old AR format) allow file append without a full rewrite. However: The Ja ...

  2. W​i​n​D​B​G​调​试​技​巧

    参考链接:http://wenku.baidu.com/view/4e58744dcf84b9d528ea7a42.html

  3. python 内存泄露的诊断 - 独立思考 - ITeye技术网站

    python 内存泄露的诊断 - 独立思考 - ITeye技术网站 python 内存泄露的诊断 博客分类: 编程语言: Python Python多线程Blog.net  对于一个用 python ...

  4. CMMI 是什么东西？

         摘要: CMMI全称是Capability Maturity Model Integration,CMMI是个好东西来的,但行内人士对她的认识并不全面,甚至有种种的误解.尽管网上有很多CMM ...

  5. flex网上办(苹果)桌面系统仿真

    1.有登录界面 2.能够载入app(每一个app是单独的swf),并可拖动app的图标互相叠加 3.桌面上显示的哪些APP与目录是依据登陆的用户信息.从webservice中读取的(名字.图标信息等) ...

  6. C++易vector

    很长一段时间没有动手编写C++计划.无非就是模仿后STL对,虽然达不到标准STL该程序.但简单的功能来实现. STL事实上,深刻:泛型编程.容器.算法.适配器...有的是内容能够学.以下是依据STL源 ...

  7. JavaWeb 项目中的绝对路径和相对路径以及问题的解决方式

    近期在做JavaWeb项目,总是出现各种的路径错误,并且发现不同情况下 /  所代表的含义不同,导致在调试路径上浪费了大量时间. 在JavaWeb项目中尽量使用绝对路径  由于使用绝对路径是绝对不会出 ...

  8. [置顶] Android常用适配器控件

    Android常用适配器控件 列表控件用于显示数据集合,Android不是使用一种类型的控件管理显示和数据,而是将这两项功能分布用列表控件和适配器来实现.列表控件扩展了android.widget.A ...

  9. TF卡分区

    http://bbs.gfan.com/android-5176910-1-1.html http://www.miui.com/thread-2302600-1-1.html http://www. ...

  10. finger用户名、主目录、停滞时间、登录时间

    finger yum install finger    1.作用    finger用来查询一台主机上的登录账号的信息,通常会显示用户名.主目录.停滞时间.登录时间.登录Shell等信息,使用权限为 ...