html常用笔记
<?php
//CSS可以对文本格式进行精确的控制
//HTML标记更有利于搜索引擎 //一、标签
<br>
<p>//换行后插入一个空行,单字节不换行,双字节自动换行
<center>//使内容相对于上一层标记居中对齐
<pre>//保留文字在源代码中的格式
<li>//列表
<ul>//无序列表
<ol type="a"><ol type="A"><ol start="N">//有序列表
<hr>//水平分隔线
<nobr>//不换行
<blockquote>//块引用 两边留白 <h1--h6>//标题标签,自动换行,并插入一空行
<b> <i> <u> <sub> <sup> <tt> <cite> <em> <strong> <small> <big> <font color="red" face="Arial" size="7">文字size7为最大</font> //<body>标签的属性
<body class="" name="" id="" style="" leftmargin="10" topmargin="10" text="yellow" bgcolor="gray" link="red" alink="red" vlink="red" background="image/pic.gif" bgproperties>
//二、描点
<a name="md">描点</a>
<a href="#md">连接到描点</a>
<a href="md.html#md">连接到其它锚点</a> //三、连接
<a href="www.baidu.com" target="_blank" title="凤姐"><img src="./img/fj.jpg"></a>
<a href="mailto:unifyyeteng@126.com">发邮件给我</a> //四、热点区域
<img src="img/fj.jpg" border="0" usemap="#z">
<map name="z">
<area shape="rect" coords="x1,y1,x2,y2" href="http://www.baidu.com" target="_blank">
<area shape="circle" coords="x1,y1,bj" href="http://www.google.com" target="_self">
</map> //五、表格
<table border="0" width="100" height="100" align="center" cellspacing="1" cellspadding="1" bordercolorlight="red" bordercolordark="blue">
<caption>居中</caption>
<tr>
<td align="center" valign="middle" width="" height="" border="" colspan="1" rowspan="1" nowrap="true">//默认不换行只对td生效,如果未设置TD宽度是不生效的 //六、frameset分帧 advert:不要在分帧页面中有任何body标签有关的内容,不然会显示空白,或显示body的内容而不显示分帧
//比如想在左窗口打开右窗口就建一个left.html输入<a href="www.baidu.com" target="ismain">把百度在右窗口打开</a>
//target="_parent"找上一级
//target="_top"找最顶级,退出分帧
<frameset rows="20%,*" frameborder="0">//1为有边框//0为无边框//或border="n"
<frame src="top.html" name="istop">
<frameset cols="30%,*">
<frame src="left.html" name="isleft">
<frame src="main.html" name="ismain">
</frameset>
</frameset> //iframe分帧 可有body体. advert:对搜索引擎不友好,少用.
<body>
iframe可加body体
<a href="http://www.jike.com" target="baidu">百度</a>
<iframe name="baidu" src="http://www.baidu.com" width="" height="" scrolling="no" noresize></iframe>//scrolling属性:yes.no.auto
</body> //七、表单
//一、action=""或"#"等于提交到当前页
//二、method默认为get代表浏览器传参 post通过header头传参advert:可通过firebug[f12]查看传参内容
<form action="www.baidu.com" method="post">
<input type="text" name="username" value="默认值" maxlength="16" checked readonly disabled>//文本
<input type="password" name="pwd">//密码
<input type="hidden" name="hid" value="隐藏值">//隐藏 <input type="radio" name="sex" value="0" id="n"><label for="n">男</label>//单选,name要相同,否则会成多选.
<input type="radio" name="sex" value="1" id="v"><label for="v">女</label> <input type="checkbox" name="sz[]" value="0">朋友介绍//多选,以数组方式提交
<input type="checkbox" name="sz[]" value="1">细说php <select name="li" size="n" multiple>//列表//size默认1//multiple不赋值,加入后可多选.
<option value="0" selected>内容</option>//selected默认选中
<option value="1">内容</option>
<option>内容</option>//无值则提交内容
</select> <textarea name="area" rows="2" cols="10">这里填写默认值</textarea>//内容文本框//标签中间不能有空格回车 <input type="image" src="xx.jpg">//图片按钮
<input type="button" name="a" value="无提交效果">//无提交效果按钮
<input type="submit" name="sub" value="提交">//提交 advert:按回车不提交value值,必须按按钮
<input type="reset" value="重填">//重填 <input type="file" name="f">//单文件上传
<input type="file[]" name="fs">//多文件上传 //八、mata标签
<mata http-equiv="Content-type" content="text/html;charset=utf-8">//字符集
<mata http-equiv="Refresh" content="1"; url="http://www.baidu.com">//刷新后过N秒转到指定网页
<meta http-equiv="page-exit" content="revealtrans(duration=3,transition=17)">//关闭效果,在火狐上无效
<mata name="keywords" content="php培训,php招生,php视频,php视频教程">//关键字
<mata name="Description" content="lamp兄弟连为大家提供最佳专业的php视频,php免费视频,php教学">//描述,介绍
<mata name="robots" content="">//是否准许机器人抓取,详细百度查baidu.现在一般用robots.txt 比如:http://www.baidu.com/robots.txt
<mata name="Generator" content="lamp兄弟连php专用工具">//
<mata name="Author" content="php开发小组">
<mata name="Copyright" content="lamp兄弟连php小组版权所有"> //九、base标签
<base target="_blank">//代表本页所有连接均以_blank方式打开 <base href="http://www.baidu.com">//这代表下面的连接的根
<img src="img/baidu.jpg">会变为 http://www.baidu.com/img/baidu.jpg
<a href="a/n.html">a</a>会变为 http://www.baidu.com/a/n.html
//十、div和span标签
div只有换行效果
span无任何效果
html常用笔记的更多相关文章
- git tag 常用笔记
git tag 常用笔记 查看 tag 列出现有 tag git tag 列出 v1.4.2 相关的 tag git tag -l "v1.4.2" 查看指定 tag 的信息 gi ...
- php错误以及常用笔记
//语法错误(syntax error)在语法分析阶段,源代码并未被执行,故不会有任何输出. /* [命名规则] */ 常量名 类常量建议全大写,单词间用下划线分隔 // MIN_WIDTH 变量名建 ...
- js常用笔记
此文仅为笔记,代码来源自网络 网络技术文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.使用||和&&简化语句, ...
- 常用笔记:MySQL
[MySQL] mysql -h192.168.0.201 -P3306 -uroot -p123 -D数据库名 #命令行连接数据库 SET PASSWORD = PASSWORD('123456') ...
- 前端实现QQ会话功能(常用笔记3)
<a href="tencent://message/?uin=客服QQ号码&Menu=yes" target="blank"></a ...
- 使用CKplayer插件在网页中嵌入视频的方法(常用笔记2)
在做网站中有时候我们需要在网页中嵌入视频,一般视频嵌入有以下几种方法: 1. 优酷代码嵌入 优点:简单,方便,可靠. 缺点:有广告,现在的网站非常注重用户体验,如果打开一个在线视频是有长广告的一定会崩 ...
- JQuery新闻滚动的实现方法(常用笔记1)
.mouseover() //经过子元素也会触发 .mouseenter() //经过被选元素才会触发 .mouseout() //离开子元素也会触发 .mouseleave() //离开被选元素才会 ...
- 常用笔记: 与VBS当中的Mid()类似的substr()小记
VBS当中有Mid函数,一般形式为:Mid(str,start,len) 对应于JS就类似于:str.substr(start,len) 不过区别的是:VBS中start从1开始,而JS从0开始. ...
- 常用笔记: JS实现VBS当中的Replace
<script> //JS实现VBS当中的Replace,替换全部.方法名大写,区别于原方法,与VBS相类似. String.prototype.Replace = function(ol ...
随机推荐
- 能够将 HTML 表格转换成图表的jQuery插件:Chartinator
点这里 一个jQuery 插件能够将HTML 表格转换成图表,使用 Google Charts 实现. Chartinator当前支持以下特性: Creation of the following c ...
- java集合之ArrayList的实现原理
1. ArrayList概述: ArrayList是List接口的可变数组的实现.实现了所有可选列表操作,并允许包括 null 在内的所有元素.除了实现 List 接口外,此类还提供一些方法来操作内部 ...
- hdu2021(很闲~~)
http://acm.hdu.edu.cn/showproblem.php?pid=2021 water~~~ #include<iostream> #include<stdio.h ...
- lintcode: 寻找旋转排序数组中的最小值
寻找旋转排序数组中的最小值 假设一个旋转排序的数组其起始位置是未知的(比如0 1 2 4 5 6 7 可能变成是4 5 6 7 0 1 2). 你需要找到其中最小的元素. 你可以假设数组中不存在重复的 ...
- ps小技巧
一.加色与减色 电脑显示器和电视是加色法最常见的形式,而在油漆.颜料和彩色滤光片会用减色. 二.怎么把背景变成透明:其实就是抠图. 1.魔术棒+delete,缺点:应用于边界明显的图片,否则容差不好控 ...
- MyBatis学习总结_19_Mybatis传多个参数(三种解决方案)
据我目前接触到的传多个参数的方案有三种. 第一种方案 DAO层的函数方法 Public User selectUser(String name,String area); 对应的Mapper.xm ...
- iOS:Autolayout自动布局实例
Autolayout自动布局实例即可以用故事板布局,也可以用纯代码创建,各有各的优点:用故事板布局,比较方便,而且直观,可以很直白的看到视图布局后的变化:采用代码布局,虽然代码比较多,有些麻烦,但是可 ...
- Data Base MongoVue 破解治标不治本
MongoVue 破解治标不治本 ---------解决燃眉之急 注册表中查找B1159E65-821C3-21C5-CE21-34A484D54444中的子项4FF78130 ,删除其下的三个子项 ...
- JQUERY与JS的区别
JQUERY与JS的区别 <style type="text/css"> #aa { width:200px; height:200px; } </style&g ...
- linux ps top 命令 VSZ,RSS,TTY,STAT, VIRT,RES,SHR,DATA的含义【转】
转自:http://blog.csdn.net/zjc156m/article/details/38920321 http://javawind.net/p131 VIRT:virtual memor ...