集腋成裘-01-html -html基础
1 标签
1.1 单标签
注释标签 <!-- 注释标签 -->
换行标签 <br/>
水平线 <hr/>
<img src="图片来源" alt="替换文本(图片不显示的时候)" title="提示文本(鼠标上移的时候)" width="宽度" height="高度">
1.2 双标签
<p>文本内容</p>
<h1>标签h1-h6</h6> (注意:最好只有一个h1)
<font>文本标签</font>
<strong>文本加粗</strong> <b></b>
<em>文本倾斜</em> <i></i>
<del>删除线</del> <s></s>
<ins>下划线</ins> <u></u>
<a href="跳转路径" title="提示文本(鼠标上移的时候)" target="_self(或者是_blank)"></a>
<p id="Mao"></p> <a href="#Mao">回到顶部</a>
<sup>上标</sup>
<sub>下标</sub>
1.3 特殊字符
空格
小于号< <
大于号> >
&号 &
1.4 列表
无序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
1.5 meta 的用法
<meta charset="utf-8">
<meta name="keywords" content="关键字,方便SEO搜索">
<meta name="description" content="网页描述">
<meta http-equiv="refresh" content="10; http://www.baidu.com">
<meta name="Author" content="逍遥小天狼">
1.6 link 的用法
<link rel="stylesheet" type="text/css" href="css地址">
<link rel="icon" href="图标地址">
1.7 table用法
<table border="" width="" height="" cellspacing="" cellpadding="" align="center" >
<tr align="center">
<td>张三</td>
<td>李四</td>
<td>王五</td>
</tr>
<tr>
<td>张三2</td>
<td bgcolor="red" align="center">李四2</td>
<td>王五2</td>
</tr>
</table>
table
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<link rel="stylesheet" type="text/css" href="css地址">
<link rel="icon" href="图标地址">
<head>
<meta charset="utf-8">
<meta name="keywords" content="关键字,方便SEO搜索">
<meta name="description" content="网页描述"> <meta name="Author" content="逍遥小天狼">
<link rel="icon" href="Image/favicon.ico"> <table border="" width="" height="" cellspacing="" cellpadding="" align="center" >
<caption>表头</caption>
<thead>
<tr>
<th colspan="">姓名 年龄</th>
<th>地址</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td>张三</td>
<td></td>
<td rowspan="">中国</td>
</tr>
<tr>
<td valign="bottom">李四</td>
<td bgcolor="red" align="center"></td> </tr> </tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table> </head>
<bod
</body>
</html>
table2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table width="500px" height="200px" bgcolor="green" cellspacing="" align="center">
<caption>课程表</caption>
<tr bgcolor="white">
<th width="100px" colspan=""></th>
<th width="90px">星期一</th>
<th width="90px">星期二</th>
<th width="90px">星期三</th>
<th width="90px">星期四</th>
<th width="90px">星期五</th>
</tr>
<tr bgcolor="white">
<td width="60px" rowspan="">上午</td>
<td width="40px"></td>
<td width="90px">语文</td>
<td width="90px">数学</td>
<td width="90px">物理</td>
<td width="90px">化学</td>
<td width="90px">生物</td>
</tr>
<tr bgcolor="white"> <td width="40px"></td>
<td width="90px">体育</td>
<td width="90px">音乐</td>
<td width="90px">几何</td>
<td width="90px">画画</td>
<td width="90px">舞蹈</td>
</tr>
<tr bgcolor="white">
<td width="60px" rowspan="">下午</td>
<td width="40px"></td>
<td width="90px">体育</td>
<td width="90px">画画</td>
<td width="90px">音乐</td>
<td width="90px">语文</td>
<td width="90px">音乐</td>
</tr>
<tr bgcolor="white"> <td width="40px"></td>
<td width="90px">英语</td>
<td width="90px">舞蹈</td>
<td width="90px">体育</td>
<td width="90px">唱歌</td>
<td width="90px">体育</td>
</tr>
</table>
</body>
</html>
课程表(细线)
表单基本控件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="1.php" method="post">
<fieldset>
<legend>分组信息</legend>
用户名:<input type="text" maxlength="" name="userName" value="我是默认值">
<br><br>
密 码:<input type="password" name="userPassWord">
<br><br>
<input type="radio" name="gender" checked="true"> 男
<input type="radio" name="gender" > 女
<br><br>
<!-- 多选功能 -->
省(市):<select multiple="multiple">
<option>河南</option>
<option>河北</option>
<option selected="true">北京</option>
<option>山东</option>
<option>山西</option>
</select>
<!-- 分组 -->
市(区):<select>
<optgroup label="北京市">
<option>海淀区</option>
<option>朝阳区</option>
</optgroup>
</select>
<br><br>
<!-- 多选框 -->
<input type="checkbox" checked="true"> 语文
<input type="checkbox"> 英语
<input type="checkbox" checked="checked"> 数学
<br><br>
<!-- 多行文本域 -->
<textarea cols="103px" rows=""></textarea>
<br><br>
<!-- 文件上传空间 -->
<input type="file">
<br><br>
<!-- 按钮 -->
<input type="submit" text="提交">
<input type="button" value="普通按钮">
<input type="image" src="按钮.jpg">
<input type="reset" value="重置">
</fieldset> <fieldset>
<legend>h5新特性</legend>
<input type="url" >
<br>
<input type="date">
<br>
<input type="time">
<br>
<input type="email">
<br>
<input type="number" step="">
<br>
<!-- 滑块 -->
<input type="range" step=>
</fieldset>
</form>
</body>
</html>
form Demo
集腋成裘-01-html -html基础的更多相关文章
- Linux网络服务01——Linux网络基础设置
Linux网络服务01--Linux网络基础设置 一.查看及测试网络 1.使用ifconfig命令查看网络接口 (1)查看活动的网络接口 ifconfig命令 [root@crushlinux ~]# ...
- 01 C语言程序设计--01 C语言基础--第1章 C语言概述&第2章 GCC和GDB
走进嵌入式开发的世界,企业级项目课程让你达到企业嵌入式应用开发要求.名师在线答疑,解决疑难.科学评测体系,系统评估学习.核心项目实........ 30 门课程 241小时12分钟 824 人学习 学 ...
- javaScript系列 [01]-javaScript函数基础
[01]-javaScript函数基础 1.1 函数的创建和结构 函数的定义:函数是JavaScript的基础模块单元,包含一组语句,用于代码复用.信息隐蔽和组合调用. 函数的创建:在javaScri ...
- # 095 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 03 封装总结 01 封装知识点总结
095 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
- 094 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 02 static关键字 04 static关键字（续）
094 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
- 093 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 02 static关键字 03 static关键字（下）
093 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
- 092 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 02 static关键字 02 static关键字（中）
092 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
- 091 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 02 static关键字 01 static关键字（上）
091 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
- 090 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 04 使用包进行类管理（2）——导入包
090 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
- 089 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 使用包进行类管理（1）——创建包
089 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
随机推荐
- 51NOD 数字1的数量
题目描述: 给定一个十进制正整数N,写下从1开始,到N的所有正数,计算出其中出现所有1的个数. 例如:n = 12,包含了5个1.1,10,12共包含3个1,11包含2个1,总共5个1. Input ...
- pythonのsqlalchemy简单查询
#!/usr/bin/env python import sqlalchemy from sqlalchemy import create_engine from sqlalchemy.ext.dec ...
- python，魔法方法指南
1.简介 本指南归纳于我的几个月的博客,主题是 魔法方法 . 什么是魔法方法呢?它们在面向对象的Python的处处皆是.它们是一些可以让你对类添加“魔法”的特殊方法. 它们经常是两个下划线包围来命名的 ...
- Thymeleaf相关补充
⒈理解Thymeleaf Java模板引擎.能够处理HTML.XML.JavaScript.CSS甚至纯文本.类似JSP.Freemarker 自然模板.原型即页面 语法优雅易懂,OGNL.Sprin ...
- 统计分析与R软件-chapter2-5
2.5 多维数组和矩阵 2.5.1 生成数组或矩阵 数组有一个特征属性叫做维数向量(dim属性),维数向量是一个元素取正整数的向量,其长度是数组的维数,比如维数向量有两个元素时数组为2维数组(矩阵). ...
- k64 datasheet学习笔记52---Universal Asynchronous Receiver/Transmitter (UART)
1.前言 UART实现与外设或CPU的通信 2. UART概述 2.1基本特性 (1)Full-duplex operation (2)Standard mark/space non-return-t ...
- XE7/X10.2 Datasnap使用 dbExpress 连接MySQL数据库
本人使用:DELPHI X10.2.2 版本连接 MYSQL 5.1 (安装 mysql-5.1.72-win32.msi)的32位版本,开始连接不了: 将 MYSQL 5.1 安装目录下bin 中的 ...
- boost.asio包装类st_asio_wrapper开发教程（一）
一:什么是st_asio_wrapper它是一个c/s网络编程框架,基于对boost.asio的包装(最低在boost-1.49.0上调试过),目的是快速的构建一个c/s系统: 二:st_asio_w ...
- VC操作excel
http://www.cnblogs.com/witxjp/archive/2010/06/05/1752181.html 最近在做个数据库程序,因为有些数据用户要求导出到Excel文件显示(需要 ...
- 【转】C++对成员访问运算符->的重载
运算符->的重载比较特别,它只能是非静态的成员函数形式,而且没有参数. 1.如果返回值是一个原始指针,那么就将运算符的右操作数当作这个原始指针所指向类型的成员进行访问: 2.如果返回值是另一个类 ...