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

随机推荐

hdu 4352 XHXJ's LIS 数位DP
数位DP!dp[i][j][k]:第i位数,状态为j,长度为k 代码如下: #include<iostream> #include<stdio.h> #include<a ...
用android模拟器Genymotion定位元素
1.下载并安装android模拟器Genymotion 2.拖apk包到模拟器,双击模拟器中的apk软件包,进入应用程序 3.下载并安装android sdk 3.1 点击...\Android\an ...
负载均衡之Haproxy配置详解（及httpd配置）
下图描述了使用keepalived+Haproxy主从配置来达到能够针对前段流量进行负载均衡到多台后端web1.web2.web3.img1.img2.但是由于haproxy会存在单点故障问题,因此使 ...
java--vo
VO是跟数据库里表的映射,一个表对应一个VO DAO是用VO来访问真实的表,对数据库的操作都在DAO中完成 BO是业务层,做逻辑处理的 VO , PO , BO , QO, DAO ,POJO, O/ ...
React-非dom属性-ref标签
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8& ...
Android隐式启动匹配：action,category,data
简介 Android开发中,Activity,Service 和 BroadcastReceiver 启动有两种方式,显示启动和隐式启动. 为方便下面描述,我以Activity启动为例. 显示启动便是 ...
通过xrdp实现远程桌面连接Windows Azure linux虚拟机
本文以Oracle Linux 6.4虚拟机为示例(22及3389端口必须打开,分别用于SSH及RDP连接) 1.在安装xrdp之前,首先需要安装一些必要的包,如: # yum -y install ...
Java I/O操作学习笔记
书上写的有点乱,所以就自己总结了一下,主要参考:http://www.cnblogs.com/qianbi/p/3378466.html 1.从文件读出和写入: import java.io.*; i ...
【Tech】Ganglia安装配置
基础配置: Hadoop 2.2.0,Hbase 0.96. 四台集群机器,一台master,三台slave. 三台slave上分别装gmond:namenode机器上设置datasource. 客户 ...
oracle层次查询的陷阱
今天开发组同事找到我,说一个简单的层次查询非常慢,业务就是有一个存设备表连接关系的表,从node1连入,从node2连出,现在要找出node2的连出顺序,sql类似于: SELECT LEVEL ID ...

html常用笔记

html常用笔记的更多相关文章

随机推荐

热门专题