HTML学习_01
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的更多相关文章
- C++基础学习_01
C++基础学习_01 基础知识:1.命名空间,2.IO流(输入输入),3.参数缺省,4.函数重载 1.命名空间 作用:对标识符的名称进行本地化,避免命名冲突 定义:namaspace space_na ...
- sqlserver学习_01
sqlserver的学习成长之路,每一个技术的学习过程都是值得让人回味的,现在百度上关于sqlser的资料很多,但是都太杂,希望能为大家分享一点简单易懂的干货,跟大家一起进步学习. 一.建表 1.创建 ...
- python_库学习_01
一.python的库学习之 财经数据接口包 1.安装ThShare 直接pip install tushare 可能会出现缺少依赖库的情况,依次安装,大概有lxml,pandas,bs4,reques ...
- hive学习_01
1.构建在Hadoop之上的数据仓库(数据计算使用MR,数据存储使用HDFS) 2.Hive定义了一种类SQL查询语言----HQL 3.通常用于进行离线数据处理(非实时) 4.一个ETL工具 5.可 ...
- Redis学习_01 windows下的环境搭建
一.Redis 简介 redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表).set(集合).zset( ...
- NumPy学习_01 ndarray相关概念
1.NumPy库 NumPy = Numerical Python 是高性能科学计算和数据分析的基础库. pandas库充分借鉴了NumPy的相关概念,先行掌握NumPy库的用法,才能把pandas的 ...
- vue学习_01
一.什么是VUE 渐进式的前端框架,MVVM(Model,view,viewmodel)模式,饿了么用的就是vue框架 二.VUE基本语法 1.引入vue: <script src=" ...
- JSP学习_01
JSP cookie是存储在客户机的文本文件,保存了大量的轨迹信息.通常有三个步骤可以识别回头客:1)服务器脚本发送一系列cookie到浏览器,如姓名.年龄.ID等2)浏览器在本地存储这些信息以备不时 ...
- sklearn学习_01
# -*- coding: utf-8 -*- """ Created on Fri Sep 29 11:05:52 2017 机器学习之sklearn @author: ...
随机推荐
- linux 终端控制-- 多彩输出 格式排版
linux 终端控制-- 多彩输出 格式排版 在unix/linux的终端下,怎么控制终端输出的颜色和格式呢,当然了有专门的工具,tput,但是能被terminal直接读懂的格式化字符串更通用. 先来 ...
- Spring Framework AOP具体解释
此前对于AOP的使用仅限于声明式事务,除此之外在实际开发中也没有遇到过与之相关的问题.近期项目中遇到了下面几点需求,细致思考之后,认为採用AOP来解决.一方面是为了以更加灵活的方式来解决这个问题,还有 ...
- CentOS6-釋放ip重新分配，centos7 ifconifg没有ip
http://bbs.csdn.net/topics/390725823 系统win7 ,dhcp自动获取ip虚拟机是10.0 安装之后我装了ubuntu 选用 NAT网络, 刚装完我能上网 ,但是 ...
- RBAC用户角色权限设计方案
RBAC(Role-Based Access Control,基于角色的访问控制),就是用户通过角色与权限进行关联.简单地说,一个用户拥有若干角色,每一个角色拥有若干权限.这样,就构造成“用 户-角色 ...
- 算法起步之Bellman-Ford算法
原文:算法起步之Bellman-Ford算法 从这篇开始我们开始介绍单源最短路径算法,他是图算法之一,我们前面说的贪心,图的遍历,动态规划都是他的基础,单源最短路径其实说的就是图中节点到节点的最短路径 ...
- libevent安装总结 - jinfg2008的专栏 - 博客频道 - CSDN.NET
libevent安装总结 - jinfg2008的专栏 - 博客频道 - CSDN.NET libevent安装总结 分类: linux 系统配置 2013-02-13 22:37 99人阅读 评论( ...
- aix 下 实现goldengate 随os启动而自己主动启动的脚本
aix 下 实现goldengate 随os启动而自己主动启动的脚本: 1.用oracle用户建立/u01/info.txt,文件内容例如以下: sh date start mgr 2.chmod + ...
- zzu--2014年11月16日月潭赛 B称号
1229: Rational Resistance Time Limit: 1 Sec Memory Limit: 128 MB Submit: 8 Solved: 4 [id=1229" ...
- WebView混合开发
现在开发APP的方式变化,不在是传统的APP开发了,有很多的APP慢慢的转向混合模式的开发,使用WebView是传统开发模式转向混合模式的桥梁工具,结合了很多的Web前端开发界面,使得开发的速度加快, ...
- Deploy Oracle 10.2.0.5 DataGuard on Red Hat Enterprise Linux 6.4
系统:Red Hat Enterprise Linux 6.4 数据库:Oracle 10.2.0.5.0 Patch Set 4 主机:10dg1 192.168.1.91 10dg2192.168 ...