<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>

在显示处输入&nbsp，表示空格

无序：<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标签杂记的更多相关文章

  1. Bitmap的读写

    Bitmap的读写和几个小儿科的滤镜效果~ 闲来玩玩图像处理,拿破仑说过:“不想自己实现滤镜的美工不是好程序员~~#@!*^...#&!@......”  因为在学校做过很多美工的工作,而且从 ...

  2. git杂记-打标签

    列出标签 $ git tag v0. v1. 创建标签 --添加附注标签(推荐):加上-a选项(annotated) $ git tag -a v1. -m 'my version 1.4' --添加 ...

  3. Android之开发杂记（一）

    1.cygwin环境变量设置 可在Cygwin.bat 中设置 set NDK_ROOT=P:/android/android-ndk-r8e 或者在home\Administrator\.bash_ ...

  4. vue杂记

    VUE杂记 声明式渲染 <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app' ...

  5. canvas杂记

    canvas杂记 canvas标签 <canvas width=600 height=400></canvas> //1. 拿到画布 var canvas = document ...

  6. legend3---6、legend3爬坑杂记

    legend3---6.legend3爬坑杂记 一.总结 一句话总结: 学东西不做项目也学不到深处,其实也就是学了没理解透, 1.lavarel中模型关联可以用的实质是? lavarel在数据库中插入 ...

  7. Docker 使用杂记 - 最佳实践尝试 - 实战

    目录 Docker 使用杂记 - 最佳实践尝试 - 实战 Docker简介 项目背景 内在原因 外在原因 基础镜像 需求 镜像维护者 工作文件夹 文件 ADD COPY 宗卷 命令 入口点 Docke ...

  8. Java编程思想学习杂记(1-4章)

    程序流程控制 移位运算符 移位运算符面向的运算对象是二进制的位,可单独用它们处理整数类型.左移位运算符(<<)能将运算符左边的运算对象向左移动运算符右侧指定的位数(在低位补0)." ...

  9. a标签点击跳转失效--IE6、7的奇葩bug

    一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...

随机推荐

  1. 将Python打印的内容进行高亮的输出

    将打印的内容进行高亮的显示 内容: 格式: echo "\033[字背景颜色;字体颜色m字符串\033[0m" 例如: "\033[41;36m something he ...

  2. CXF 中自定义SOAPHeader

    Interceptor是CXF架构中一个很有特色的模式.你可以在不对核心模块进行修改的情况下,动态添加很多功能.这对于CXF这个以处理消息为中心的服务框架来说是非常有用的,CXF通过在Intercep ...

  3. 【Linux 内核网络协议栈源码剖析】网络栈主要结构介绍（socket、sock、sk_buff，etc）

    原文:http://blog.csdn.net/wenqian1991/article/details/46700177 通过前面的分析,可以发现,网络协议栈中的数据处理,都是基于各类结构体,所有有关 ...

  4. 关于数论【polya计数法】

    可以预见数论推公式是有多么蛋疼. 让我简明扼要的讲讲吧(多都说不出来,毕竟才做了两道题)其实呢,这个算法应该归入群论,有个有用的东西:置换群,它表示一个集合包括很多的置换.先讲讲置换吧:↓(这是个置换 ...

  5. 服务器mysql授权连接用户

    以下是创建到写入到删除,到drop的全部的过程: //1:创建数据库 create database it1110; //2:进入这个数据库 Use it1110; //3:创建一个数据表 Creat ...

  6. mac系统下如何删除银行安全插件

    要分类解决了,一般safair插件都是pkg包安装的 如果:1.制作者够良心,PKG安装包中植入了删除卸载功能,那就好办了,打开当时安装的pkg包,执行删除选项 2.没良心的,装了不好删的,我目前个人 ...

  7. luogu 3960 列队

    noip2017 D2T3 列队 某zz选手当时直接放弃了写了50还写错了 题目大意: 有一个n行m列的方阵,第i行j列的点编号为(i-1)m+j 每次把第x行y列的点拿出来,然后把这一行它之后的点都 ...

  8. 守护线程Daemon的理解

    1.守护线程伴随着主线程的销毁而销毁: 2.jvm虚拟机中有很多守护线程,随着main函数的结束而结束,自动回收栈中的内容. Thread t1 = new Thread(){ @Override p ...

  9. 浅入分析和Linux内核相关的文件夹/proc和/sys .

    近来文章被踩的厉害,我只想把自己从马哥学的知识自己总结下发到博客里,但是没想到昨天一篇文章刚发一上午被踩了9次...如果您真的觉得我的文章很烂,请告诉我原因,不胜感激. 这星期,马哥讲了关于Linux ...

  10. 洛谷P4141 消失之物——背包

    题目:https://www.luogu.org/problemnew/show/P4141 竟然是容斥:不选 i 物品只需减去选了 i 物品的方案: 范围原来是2*10^3而不是2*103啊... ...