html狂记

由于承接一部分站点优化工作，竟无节操地好几天没有喂博客，好了，今天完成交接工作，马上奉上DIV+CSS传统开发的干货一枚，内容绝非原创，仅是收集、学习、消化、总结、吐出。。。

基本结构标签:
<HTML></HTML>     表示文件为HTML文件
<HEAD></HEAD>     文件的头部，定义使用的脚本、样式、标题等
    <TITLE></TITLE>   文件的标题，标题出现在浏览器标题栏中
    <META></META>     自定义信息，包括关键词、作者、版本等等，与搜索有关
    <LINK></LINK>     定义调用的css文件、浏览器标题栏显示的logo，ico格式图片文件
    <SCRIPT></SCRIPT> 定义调用的javascript文件
<BODY></BODY>     页面呈现部分

主要标签(以下所有标签用在<BODY></BODY>内)：
<A HREF="…"></A>    链接标签,"…"为链接的文件地址
<IMG,SRC="…">       图片标签,"…"为图片的地址
<BR />               换行标签
<P>                  段落标签
<B></B>              采用黑体字的文本标签
<I></I>              采用斜体字的文本标签
<HR />               水平画线标签
<TABLE></TABLE>      表格标签（HTML中重要的标签）
<TR></TR>            表格的行标签,用在<TABLE></TABLE>中
<TD></TD>            表格的单元格标签,用在<TR></TR>中
<FONT></FONT>        字体样式标签

常用属性:
对齐属性、范围属性:
ALIGN=LEFT,左对齐(缺省值)
WIDTH=像素值或百分比,对象宽度
ALIGN=CENTER,居中
HEIGHT=像素值或百分比,对象高度
ALIGN=RIGHT,右对齐.
色彩属性:
COLOR=#RRGGBB,前景色,参考色彩对照表
BGCOLOR=#RRGGBB,背景色

<table></table>表格标签
属性:
cellpadding=数值单位是像素,定义表元内距
cellspacing=数值单位是像素,定义表元间距
border=数值单位是像素,定义表格边框宽度
width=数值单位是像素或窗口百分比,定义表格宽度
background=图片链接地址,定义表格背景图

<tr></tr>表格行标签
<td></td>表格单元格标签
属性:
Colspan="",单元格跨越多列
Rowspan="",单元格跨越多行
Width="";定义表格宽度
Height="";定义表格高度
Align="";对齐方式
Valign="";
Border="",边框宽度;
Bgcolor="",背景色;
Bordercolor="",边框颜色;
Bordercolorlight="",边框明亮面的颜色;
Bordercolordark="",边框暗淡面的颜色;
Cellpadding="",内容与边框的距离(默认为2);
Cellspacing="",单元格间的距离(默认为2);

<br />强制换行
<font></font>文本标识的开始和结束
属性:
face=字体
color=颜色

<b></b>加粗文字标识的开始和结束
属性:
style=”font-size:40pt”,用样式表方式控制字体大小,这里是40点

<div></div>块标签
属性:
align=|center|left|right|水平对齐方式

<P>段落标签

<img>图片标签
属性:
src=../../图片链接地址
style=filter:Alpha(opacity=100,style=2);
filter:样式表滤镜;
Alpha:透明滤镜,
opacity:不透明度100(0~100);
style:样式2(0~3),
rules="none"不显示内框"

<bgsound,src="…">背景音乐标签,只能用于.wav和.mp3格式.
属性:
LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.

表单标签:
<form></form>表单标签
    <select>下拉选择框
    <option></option>
    </select>
属性:
Multiple,多选

<textarea></textarea>,大量文字输入的编辑块
属性:
Cols="",行;
Rows="",列;

<input,type="text">,文本框
<input,type="password">,密码框
<input,type="submit">,提交按扭
<input,type="checkbox">,复选框
<input,type="radio">,单选框
<input,type="reset">,重置按扭
<input,type="image">,图片按扭
<input,type="hidden">,隐藏域
<input,type="button">,按扭
<input,type="file">,浏览文件
公共属性:
Name="";
Value=""
Size=""

框架标签:
<FRAMESET>...</FRAMESET>,定义框架.
<FRAME>,放在框架标签内,定义每个框架的内容.
属性:
Cols=""
Rows=""
Frameborder=""
Framespacing=""
src=""
Scrolling="",滚动条(No,Yes);
Noresize,框加大小不可变;
Marginhight="",高度空余空间;
Marginwidth="",宽度空余空间;
Target="",目标框架.

其他标签:
<bgsound>,背景音乐;
Src=""
Loop="",循环次数;
<embed>,媒体播放块;
Src=""
Loop="",循环次数;
<marquee></marquee>,滚动部分;
属性:
Bgcolor=""
Behavior,设置或获取文本如何在字幕中滚动.
Direction="",滚动方向;
Height=""
Width=""
Loop="",环次数;
scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.
scrollDelay="",设置或获取字幕滚动的速度.
scrollHeight="",获取对象的滚动高度;
scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.
scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.
trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.

,注释标记,在""之间的内容将不在浏览器中显示.

html狂记的更多相关文章

css狂记
接着上一篇 html狂记,同样是DIV+CSS传统站点开发,同样只是收集.整理... CSS 背景属性(Background) 属性描述 CSS background 在一个声明中设置所有的背景属性 ...
正则表达式regex狂记
正则.正则..往往在某个不经意间显示其强大的潜能概念等基础知识不做介绍,直奔规则.格式.实例…… 元字符描述 \ 将下一个字符标记为一个特殊字符.或一个原义字符.或一个向后引用.或一个八进制转义符 ...
Android狂记忆
虽然说技术人员偏爱实战,而不屑理论或记忆,但实战之前,若是记忆一些知识,开发起来将会如虎添翼,不说了,开始狂记吧! Android 系统包说明: android.app :提供高层的程序模型.提供基 ...
企业面试之LeetCode刷题心得
谈起刷LeetCode的心得,想要先扯点别的,说实话我是比较自虐的人,大学时候本专业从来不好好上,一直觊觎着别人的专业,因为自己文科生,总觉得没有项技术在身出门找工作都没有底气,然后看什么炫学什么,简 ...
我为NET狂官方面试题-数据库篇答案
题目:http://www.cnblogs.com/dunitian/p/6028838.html 汇总:http://www.cnblogs.com/dunitian/p/5977425.html ...
thusc2016游记&&滚粗记&&酱油记
#include <cstdio> using namespace std; int main(){ puts("转载请注明出处:http://www.cnblogs.com/w ...
2016款MACBOOK PRO触控条版安装WIN10初体验及无奈退货记
新的2016MBP终于发布了,作为把苹果电脑装WIN使用的人,等候很久之后,终于可以行动了. 黄山松 (Tom Huang) 发表于博客园http://www.cnblogs.com/tomview/ ...
【踩坑记】从HybridApp到ReactNative
前言随着移动互联网的兴起,Webapp开始大行其道.大概在15年下半年的时候我接触到了HybridApp.因为当时还没毕业嘛,所以并不清楚自己未来的方向,所以就投入了HybridApp的怀抱. Hy ...
HNOI2015滚粗记
HNOI2015滚粗记经过两天的苦战,艰难的HNOI终于结束了.感觉这次HNOI自己还是收获了许多. \(Day1\)打的很是艰难,题目一下就有种晕头转向的感觉.开场\(20min\)自己还在读题时 ...

随机推荐

如何把一个用户加入sodu组
在一个命令前加sudo,可以使用超级用户的权限执行该命令.但并不是任何用户都可以使用sudo,只有用户属于sudo组时才能使用这个命令. 如果希望把一个用户加入sudo组,可以用root登录系统,然 ...
clang编译器简介
本文部分内容引用: 中文维基百科. 结构化编译器前端--clang介绍. 什么是clang编译器? clang是LLVM编译器工具集的一个用于编译C.C++.Objective-C的前端.LLVM项目 ...
Codeforces Round #341 Div.2 C. Wet Shark and Flowers
题意: 不概括了..太长了.. 额第一次做这种问题算是概率dp吗? 保存前缀项中第一个和最后一个的概率然后每添加新的一项就解除前缀和第一项和最后一项的关系并添加新的一项和保存的两项的关系这里 ...
Chapter 3: Develop the user experience
Plan for search engine optimization and accessibility 使用analytical tools分析HTML,如SEO toolkit from MS, ...
NewQuant正式在Github发布
Github上的NewQuant https://github.com/xuruilong100/NewQuant NewQuant简介: NewQuant是一个小型开源C++库,可以解决数据分析.金 ...
深度学习框架 Torch 7 问题笔记
深度学习框架 Torch 7 问题笔记 1. 尝试第一个 CNN 的 torch版本, 代码如下: -- We now have 5 steps left to do in training our ...
存储过程中使用事务,sql server 事务,sql事务
一.存储过程中使用事务的简单语法在存储过程中使用事务时非常重要的,使用数据可以保持数据的关联完整性,在Sql server存储过程中使用事务也很简单,用一个例子来说明它的语法格式: 代码 ...
atom 调用g++编译cpp文件
atom 有script插件可以直接调用很多编译器,试了很多次一直出问题找不到文件,查了文档之后发现script只支持OSX和linux. 所以,还是使用gpp-compiler比较靠谱 gpp-co ...
加密配置文件(App.Config和Web.config)中connectionStrings通用方法
1. 背景:根据项目的要求,需要对配置文件配置的数据库连接字符串进行加密,也就是对ConnectinString节点的内容进行加密存储,同时考虑到代码使用连接字符串不需要进行更改,C#会自动对加密的内 ...
基于服务（Web Service）的文件管理Winform程序实现
1. 描述面向服务的体系结构(SOA)是一个组件模型,它将应用程序的不同功能单元(称为服务)通过这些服务之间定义良好的接口和契约联系起来.接口是采用中立的方式进行定义的,它应该独立于实现 ...

html狂记

html狂记的更多相关文章

随机推荐

热门专题