Html标签杂记
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
解决中文乱码
在<head>中加入<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<h1 align=left/center/right > 标题文字 </h1>
回车换行:<p style=color:red align=center>
回车:<br>
字体<font color=red></font>
水平线:<hr align=left size=5(粗细)
width=3%(长度) color=red noshade>
注:noshade :设置线条为平面显示(没有三维效果),若缺省则有阴影或立体效果。
文字部分
文字方位:<div align=left></div>
导航:<a href=”index.html”>home</a>
列表部分(表之间可嵌套)
有序:<ol type=1/A/a/罗马数字
start=编号开始的数字>
<li value=改变数字></li>
</ol>
在显示处输入 ,表示空格
无序:<ul type=disc(实心圆)/circle(空心圆)/square(方块)>
<li type=disc></li>
</ul>
定义列表:<dl>
<dt>名称 </dt><dd>说明</dd>
</dl>
表格(嵌套)
<table>(定义表)
<tr>(定义行)
<th>标题粗体表示</th>
<td>定义单元格,一般字体</td>
</tr></table>
<table border=5(边框粗细) bordercolor=边框颜色 align=center bgcolor=行背景色 width=20% height=200 bordercolorlight=行的亮边框颜色
bordercolordark=行的暗边框颜色 cellspacing="4" cellpadding="8">
<tr align=center valign=top/middle/bottom(垂直) bgcolor=red bordercolor= red bordercolorlight= red bordercolordark= red>
单元格属性说明
width/height 单元格的宽和高,可以绝对值(如 50)或相对值(如 50%)
Colspan=1单元格向右跨的栏数
Rowspan=1 单元格向下跨的列数
<td align=left, center, right>
<th valign=top, middle, bottom>
Bgcolor
Bordercolor
bordercolorlight
bordercolordark
Background 单元格背景图片
超链接
<a href=要链接的地址 target=窗口名称
title=链接对象的题目>超链接名称</a>
<target=_blank(在一个新窗口打开链接)>
书签链接
<a href="#书签名称" target="窗口名称">超链接标题名称</a>(在需要跳转的地方加上
<a name= 定位标记名>)
ftp链接<a href="ftp://ftp 主机地址">文字链接</a>
桌面背景<body background=图片地址>
插入图片<img src=地址 width=100 height=100 hspace=设定图片边沿空白 vspace=设定图片上下的空间 border=2 alt=”hello world”(在图片位置显示的提示文字) align=top(上对齐)\middle(居中)\bottom(下对齐)\left\right>图片超链接只需将<img>放入<a></a>之间
动态文字
<marquee direction=left/right/up/down behavior=scroll(循环滚动)/slide(只滚动一次)/alternate(来回交替滚动) loop=循环次数(默认-1,无限次) scrollamount=滚动速度 scrolldelay=时间间隔 bgcolor=背景颜色 width=背景宽度 height=背景高度 hspace=水平间隔 vspace=垂直间隔>滚动的字幕</marquee>
插入多媒体
<embed src=多媒体文件地址 width=播放界面宽度 height=播放界面高度autostart(是否自动播放,默认否)=true/false loop=true/fakse(重复播放次数,true无限) starttime="分:秒"(“00:10”) hidden=true(隐藏控制面板) />
表单
<form name=表单名 action=表单处理程序或网页 method=get|post target=_blank(空白窗口/_parent(父级窗口)/_self(当前窗口)/_top(顶层窗口) enctype=输出编码方式(可不管)>表单具体内容</form>
可以给表单指定一个id名称,别的元素可以从属于这个表单。<form action="" id="testform">
可以给所有的提交按钮加一个formaction属性,使提交到不同页面
<form action="serve.php" id="testrorm">
<input type="submit" value="v3" name="s1" formaction="s3.asp" >提交到S3</input>
Placeholder加入到form属性内处于未输入状态并且未获取焦点时,模糊显示输入提示文字。<input type="text" placeholder="默认文字" />
文本控件
单行文本框
<input type="text" name=控件名称 size=控件长度 maxlength=最长输入字符数 value=初始值>
多行文本框
<textarea name=控件名称 value=初始值 rows=行数 cols=列数></textarea>
密码文本框
<input type="password" name=控件名称 size=控件长度maxlength=最长输入字符数 value=初始值>
单选按钮
<input type="radio" name=控件名称(名字相同是一组) value=单选按钮的取值 checked(初始时被选中)>
复选按钮
<input type = "checkbox" name = "english" value = "english">英语</input>
下拉菜单
<select name = 控件名称>
<option value = 选项值 1 selected>显示内容 1</option>
<option value = 选项值 2>显示内容 2</option>
</select>
列表
<select name = 控件名称 size = 显示的项数 multiple>
<option value = 选项值 1 selected>显示内容 1</option>
<option value = 选项值 2>显示内容 2</option>
</select>
Multiple表示可多选
图像化按钮
<input type = "image" src = 图像文件地址 name = 控件名称>
文本上传
<input type = "file" name = 控件名称>
Html标签杂记的更多相关文章
- Bitmap的读写
Bitmap的读写和几个小儿科的滤镜效果~ 闲来玩玩图像处理,拿破仑说过:“不想自己实现滤镜的美工不是好程序员~~#@!*^...#&!@......” 因为在学校做过很多美工的工作,而且从 ...
- git杂记-打标签
列出标签 $ git tag v0. v1. 创建标签 --添加附注标签(推荐):加上-a选项(annotated) $ git tag -a v1. -m 'my version 1.4' --添加 ...
- Android之开发杂记(一)
1.cygwin环境变量设置 可在Cygwin.bat 中设置 set NDK_ROOT=P:/android/android-ndk-r8e 或者在home\Administrator\.bash_ ...
- vue杂记
VUE杂记 声明式渲染 <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app' ...
- canvas杂记
canvas杂记 canvas标签 <canvas width=600 height=400></canvas> //1. 拿到画布 var canvas = document ...
- legend3---6、legend3爬坑杂记
legend3---6.legend3爬坑杂记 一.总结 一句话总结: 学东西不做项目也学不到深处,其实也就是学了没理解透, 1.lavarel中模型关联可以用的实质是? lavarel在数据库中插入 ...
- Docker 使用杂记 - 最佳实践尝试 - 实战
目录 Docker 使用杂记 - 最佳实践尝试 - 实战 Docker简介 项目背景 内在原因 外在原因 基础镜像 需求 镜像维护者 工作文件夹 文件 ADD COPY 宗卷 命令 入口点 Docke ...
- Java编程思想学习杂记(1-4章)
程序流程控制 移位运算符 移位运算符面向的运算对象是二进制的位,可单独用它们处理整数类型.左移位运算符(<<)能将运算符左边的运算对象向左移动运算符右侧指定的位数(在低位补0)." ...
- a标签点击跳转失效--IE6、7的奇葩bug
一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...
随机推荐
- 创业公司做数据分析(四)ELK日志系统
作为系列文章的第四篇.本文将重点探讨数据採集层中的ELK日志系统.日志.指的是后台服务中产生的log信息,一般会输入到不同的文件里.比方Django服务下,一般会有nginx日志和uWSGI日志. ...
- windows下Python扩展问题error: Unable to find vcvarsall.bat
由于对于Windows下Python扩展不熟,今天遇到一个安装问题,特此做个tag.解决方式在stackoverflow上,网址例如以下: http://stackoverflow.com/quest ...
- Xcode6 设置LaunchImage图标
最近设置LaunchImage图标时发现怎么都没有效果,后来发现是Xcode6中新建项目的时候会默认添加一个LaunchScreen.xib的文件,我们启动程序的时候也会发现,加载的时LaunchSc ...
- oracle连接串的一种写法
我在.NET项目里访问oracle,向来是规规矩矩地这样写: DATA SOURCE=PDBGZFBC;PASSWORD=test;PERSIST SECURITY INFO=True;USER ID ...
- hadoop3 无法启动 查找内存消耗原因
[root@hadoop3 hadoop]# xloStarting namenodes on [hadoop3]上一次登录:三 12月 27 15:07:11 CST 2017pts/24 上had ...
- 剑指Offer面试题11(Java版):数值的整数次方
题目:实现函数double Power(double base,int exponent),求base的exponent次方.不得使用库函数,同一时候不须要考虑大数问题 1.自以为非常easy的解法: ...
- gsm model二次开发C#短信猫开发/长短信
加QQ:83014588 向我索要,开发包 开发人员淘宝:http://t.cn/RhOj8W8 短信猫:http://item.taobao.com/item.htm?spm=686.1000925 ...
- YTU 2426: C语言习题 字符串排序
2426: C语言习题 字符串排序 时间限制: 1 Sec 内存限制: 128 MB 提交: 262 解决: 164 题目描述 用指向指针的指针的方法对5个字符串排序并输出.要求将排序单独写成一个 ...
- YTU 2895: H--唱歌的鸟儿
2895: H--唱歌的鸟儿 时间限制: 1 Sec 内存限制: 128 MB 提交: 26 解决: 10 题目描述 烟大东门有一棵大杨树,树上经常会有很多鸟儿飞来飞去.春天来了,学生物的小姜发现 ...
- Cortex-M3 / M4 Hard Fault Handler (转载)
转自大伟的,感谢大伟的帮助调试:http://www.cnblogs.com/shangdawei/archive/2013/04/30/3052491.html http://blog.frankv ...