




已阅读5页,还剩6页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
HTML基本标签参考基本标签创建一个HTML文档 设置文档标题以及其他不在WEB网页上显示的信息 设置文档的可见部分 标 题 标 签将文档的题目放在标题栏中 文档整体属性设置背景颜色,使用名字或十六进制值 设置文本文字颜色,使用名字或十六进制值 设置链接颜色,使用名字或十六进制值 设置已使用的链接的颜色,使用名字或十六进制值 设置正在被击中的链接的颜色,使用名字或十六进制值 文本标签创建预格式化文本 创建最大的标题 创建最小的标题 创建黑体字 创建斜体字 创建打字机风格的字体 创建一个引用,通常是斜体 加重一个单词(通常是斜体加黑体) 加重一个单词(通常是斜体加黑体) 设置字体大小,从1到7 设置字体的颜色,使用名字或十六进制值 链接创建一个超链接 创建一个自动发送电子邮件的链接 . 创建一个位于文档内部的靶位 创建一个指向位于文档内部靶位的链接 格式排版创建一个新的段落 将段落按左、中、右对齐 插入一个回车换行符 从两边缩进文本 创建一个定义列表 放在每个定义术语词之前 放在每个定义之前 创建一个标有数字的列表 放在每个数字列表项之前,并加上一个数字 创建一个标有圆点的列表 放在每个圆点列表项之前,并加上一个圆点 一个用来排版大块HTML段落的标签,也用于格式化表 图形元素添加一个图像 排列对齐一个图像:左中右或上中下 设置围绕一个图像的边框的大小 加入一条水平线 设置水平线的大小(高度) 设置水平线的宽度(百分比或绝对像素点) 创建一个没有阴影的水平线 表格创建一个表格 开始表格中的每一行 开始一行中的每一个格子 设置表格头:一个通常使用黑体居中文字的格子 表格属性设置围绕表格的边框的宽度 设置表格格子之间空间的大小 设置表格格子边框与其内部内容之间空间的大小 设置表格的宽度用绝对像素值或文档总宽度的百分比 设置表格格子的水平对齐(左中右) or 设置表格格子的垂直对齐(上中下) or 设置一个表格格子应跨占的列数(缺省为1) 设置一个表格格子应跨占的行数(缺省为1) 禁止表格格子内的内容自动断行回卷 窗框放在一个窗框文档的标签之前,也可以嵌在其他窗框文档中 定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 定义一个窗框内的单一窗或窗区域 定义在不支持窗框的浏览器中显示什么提示 窗框属性规定窗框内显示什么HTML文档 命名窗框或区域以便别的窗框可以指向它 定义窗框左右边缘的空白大小,必须大于等于1 定义窗框上下边缘的空白大小,必须大于等于1 设置窗框是否有滚动栏,其值可以是yes,no,auto,缺省时一般为auto 禁止用户调整一个窗框的大小 表单对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。创建所有表单 创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目 设置每个表单项的内容 创建一个下拉菜单 设置每个菜单项的内容 创建一个文本框区域,列的数目设置宽度,行的数目设置高度 创建一个复选框,文字在标签后面 创建一个单选框,文字在标签后面 创建一个单行文本输入区域,size设置以字符计的宽度 创建一个submit(提交)按钮 创建一个使用图象的submit(提交)按钮 创建一个reset(重置)按钮 HTML标签大全字体效果 .标题字(最大) .标题字(最小) .粗体字 .粗体字(强调) .斜体字 .斜体字(强调) .斜体字(表示定义) .底线 .底线(表示插入文字) .横线 .删除线 .删除线(表示删除) .键盘文字 . 打字体 .固定宽度字体(在文件中空白、换行、定位功能有效) .固定宽度字体(不执行标记符号) . 固定宽度小字体 .字体颜色 .最小字体 .无限增大/. HTML标签和属性的语义化分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用来代替标记标题。首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字号。,用来区别于其他文字,起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。其次,语义化的网页的好处,最主要的就是对搜索引擎友好,又有良好的结构和语义你的网页内容自然容易被搜索引擎抓取,你网站的推广便可以省下不少的功夫。具体的语义和用途在,XHTML1.0 TAG 参考中都已经说明,这里将一些容易遗忘或者混淆的TAGS和属性予以补充。、,作为标题使用,并且依据重要性递减。是最高的等级。例如:文档标题次级标题而不要使用文档标题,或者文档标题.很明显搜索引擎对于后者是不会认为他是标题的。段落标记,知道了作为段落,你就不会再使用来换行了,而且不需要来区分段落与段落。中的文字会自动换行,而且换行的效果优于。段落与段落之间的空隙也可以利用CSS来控制,很容易而且清晰的区分出段落与段落。在利用行高(line-height)很容易的定义出行间距,再定义首字下沉等效果,那就挺完美了。例如:在利用行高(line-height)很容易的定义出行间距,再定义首字下沉等效果,那就挺完美了。、无序列表,很常见的到了大家广泛的使用,有序列表也挺常用。在web标准化过程中,还被更多的用于导航条,本来导航条就是个列表,这样做是完全正确的,而且当你的浏览器不支持CSS的时候,导航链接仍然很好使,就是美观方面差了一点。例如:项目一项目二项目三第一章第二章第三章、dl就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。例如:DogA carnivorous mammal of the family Canidae. 上海滩这部拍摄于1980年的上海滩堪称是香港电视史上最成功、最经典的剧集。当年在香港播出以后,产生了巨大的轰动效应。周润发和所有伟大的影星一样,周润发印证了一个时代,一个香港电影的黄金时代。风衣墨镜、冷血双枪、阳光微笑,都封存胶片之中,当我们回首寻望的时候,发哥已被刻为一个时代的坐标。、cite 、 论坛和blog经常会用到引用别人的话,用来标记简短的单行引用。Web浏览器会自动识别在 之间的内容。不幸的是,IE不能识别,并且有些时候, 会引起一些可访问性(Accessibility)的问题。正因为如此,一些人建议尽量不要使用 ,手动的插入引用标记。在一个包含适当的类的 中加入单行的引用内容,那么就可以用CSS来给引用设计样式了,但是这个没有语义上的意义。CSS可以用来定义引用的样式。注意,一段文章是不可以直接放在中的,引用的内容还必须包含在一个元素中,通常是。属性cite既可以与 一起用,也可以与一起用,用来提供引用内容的来源地址。需要注意的是,如果你使用 来代替 标记引用内容,那么你就不能使用 cite属性了。例如:Designing with Web Standards is an excellent book by Jeffrey Zeldman. 孔子曰:学而不思则罔,思而不学则殆.The W3C says that The presentation of phrase elementsdepends on the user agent.“我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的浏览器大战,为了兼容 Netscape 和 IE,网站不得不为这两种浏览器写不同的代码。同样的,每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备,例如支持手机上网的 WAP 技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的 DHTML 特效,屏蔽了部分潜在的客户;不易用的代码,残障人士无法浏览网站等等。这是一种恶性循环,是一种巨大的浪费。”、 是用作强调的,是用作重点强调的。 大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,然而,这是没有必要的,如果是为了确定强调内容的显示方式,最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时,就不要使用强调了。而且如果你想要强调但是还觉得粗体或者斜体不视觉效果没那么好,特别是斜体对于中文来说,那么你完全可以定义一些其他的比较醒目的样式达到强调的效果。例如:强调 的文本通常用斜体显示,然而, 特别强调 的文本通常以粗体显示。、 summaryXHTML中的表格不应用来布局。然而如果是为了标记列表的数据,就应该使用表格了。为表格标题,属性summar为摘要,标签为首部说明,标签为表格头部,标签为表格主体内容,标签为表格尾部。其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下:row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。例如:Table 1: Power Mac G5 tech specs ConfigurationsDual 1.8GHzDual 2GHzDual 2.5GHzModelM9454LL/AM9455LL/AM9457LL/AG5 ProcessorDual 1.8GHz PowerPC G5Dual 2GHz PowerPC G5Dual 2.5GHz PowerPC G5Frontside bus900MHz per processor1GHz per processor1.25GHz per processorLevel2 Cache512K per processor512K per processor512K per processorInternet Explorer is the most popular browser used underwater., 知道del,就不要再用做删除线了,用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入,也有这样的属性。例如:It really was very good.表示是计算机代码。而默认样式为打字体。技术论坛和blog中经常遇到。例如:pmargin:2px 0;、标签是表示web页面上的简称,标签为取首字母缩写。(注:这里把简称和缩写分开而论,简称范围比缩写大,取首字母的缩写用标签)Windows的IE6.0以下的浏览器暂不支持标签。 在IE里,你可以应用CSS给但是不能应用给标签,IE会为标签的title属性显示提示,但是会忽略标签。例如:CSSCSSalt属性和title属性title属性用来为元素提供额外说明信息title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。但是并不是必须的。alt属性为不能显示图像、窗体或applets的用户代理(UA),指定替换文字。替换文字的语言由lang属性指定。用Photoshop创建最佳黑白照片的方法 提高html页面显示速度 修改后的布局代码如下所示: 例如,原先使用下面的代码: Do while not objRS.EOF strOptionList = strOptionList & & objRS(ProductN
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年病案首页考试题及答案
- 2025年山西省太原市事业单位工勤技能考试题库及答案
- 2025年山东省枣庄市事业单位工勤技能考试题库及答案
- 医院干部保健与新质生产力
- CN223040146U 一种微电子传声器自由场灵敏度测试装置 (中国测试技术研究院声学研究所)
- 四年级音乐试卷及答案
- 2025年四季考试题及答案
- 古时进士考试题目及答案
- 2025年数学竞赛策略题目及答案
- CN120097755B 复合涂层氧化铝陶瓷及其制备方法 (湖南湘瓷科艺有限公司)
- 医药公司经营风险管理
- 2025年全国“质量月”质量知识竞赛题库及答案
- 2025年人工智能训练师(三级)职业技能鉴定理论考试题库(含答案)
- 土方开挖培训课件
- 变电运维培训课件
- 血小板功能障碍的实验室诊断
- 动脉穿刺术后护理
- 统编版语文五年级上册 第一单元 语文园地一 课件
- 住院期间成人泌尿造口护理技术标准
- 2025-2030中国汽车钛合金行业市场现状供需分析及投资评估规划分析研究报告
- 2024年一级注册消防工程师考试题库带答案
评论
0/150
提交评论