(1)元素分为有内容的元素和空元素。前者如<p></p>,后者如<hr />。也可分为块元素和行元素。块元素有标题类块元素(h1~h6)和段落块元素(p,pre,div)pre用于显示诗句以及计算机程序等需要空格回车符来排版的内容
通用属性 |
|
id |
元素标志属性,大小写敏感,在html文档中必须是唯一的 |
title |
提示的作用,元素设置此属性后当鼠标移到该内容上时就可以看到title的值 |
(2)常用的列表项:无需列表ul,有序列表ol,列表项li,其中li常在ul或ol中.常用的表表格元素有:table,tr表格行,td表格单元,th表头.tr的属性有align,valign。th和td的属性有colspan,rowspan,align,valign.
姓名 |
第一学期 |
语文 |
数学 |
实现上面表格的代码为:
<table border="1px" width="300px"> <tr> <th rowspan="2">姓名</th> <th colspan="2">第一学期</th> </tr> <tr> <th>语文</th> <th>数学</th> </tr> </table> |
(3)常用的行元素是img(图像),a(链接),span(通用行),sub(下标),sup(上标),b(粗体),i(斜体),br(换行)。
在超链接标签中name设置书签,可以这样写: <a name="top"></a> ………… ………… <a href="#top">返回顶部</a> |
在img的src属性中: 如果没有路径名表示图像和当前的html文件处在同一级目录中; 如果是src="image/zhu.jpg"表示zhu.jpg在同级目录image里面; 如果是src="../zhu.jpg"表示zhu.jpg在上一级目录中。 如果是src="../../zhu.jpg"表示zhu.jpg在上上级目录中 |
向网页中添加flash,音乐用object,param,embed.其中embed中的属性autostart=true表示自动播放;loop=true表示反复播放;src=……表示flash的路径,如: <embed src="风车与房子.swf" autostart="true" loop="true"></embed> object以后补充…… |
(3)表单元素:
input中的type分为text,password,radio,checkbox,submit,reset,button,file(常见的‘浏览’按钮,用于查看上传文件),image(图像按钮)
select下拉框,包含option,可以单选或是多选
label和fieldset(表单控件组),表单控件组中必须包含legend(表单控件组标题)元素
radio: <input type="radio" name="sex" checked="checked" value="male" />男 <input type="radio" name="sex" value="female" />女 |
checkbox: <input value="film" checked="checked" name="favourite" type="checkbox"/>电影 <input type="checkbox" value="music" checked="checked" name="favourite" />音乐 <input type="checkbox" value="sport" name="favourite" />体育 <input type="checkbox" value="other" name="favourite" />其他 |
select: <select name="birth"> <option value="china" >中国</option> <option value="america">美国</option> <option value="othercountry">其他</option> </select> |
注意:name表示一个组,value是各自的唯一标志名,并且观察他们实在什么地方写下值。 下拉框select要实现列表用size,实现多选用multiple |
注意label中for属性的应用:单击label时光标会直接落在for属性指向的元素上,该元素的id属性与label的for属性值相同。 <td><label for="password">密码:</label></td> <td><input type="password" maxlength="20" id="password" /></td> <input type="checkbox" name="favourite" id="movie" value="1" /> <label for="movie">电影</label> <input type="checkbox" name="favourtie" id="music" value="2" /> <label for="music">音乐</label> |
(5)meta元素嵌套在head标记中,用于描述网页的信息,这些信息常被搜索引擎用于检索网页
<meta name="description" content="这里是网页的具体描述" /> <meta name="keywords" content="这里是一些关键字" /> <meta name="author" content="这里是作者的名字" /> |
其他的不在细说了
相关推荐
"最好的CHM制作工具 琐碎打包1.8.1"是一款专用于创建CHM文件的软件,据描述,该工具在众多CHM制作工具中脱颖而出,因其易用性而受到青睐。 CHM制作工具的核心功能通常包括以下几点: 1. **HTML编辑**:用户可以...
报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐碎、复杂而又十分细致的工作,报刊的征订、流动量、核对等工作量很大,一般不允许出错,如果实行手工操作,几乎每天都有手工填制大量的表格,这就会耗费工作...
9. 用户界面:可能包含用户友好的界面设计,让用户能够方便地输入和查看琐碎的事,这需要HTML、CSS和JavaScript的知识。 10. 自动化工具:为了简化日常工作,项目可能集成了一些自动化工具,如持续集成/持续部署(CI...
本话题涵盖了“javaMail”、“XSLT”以及“正则表达式”等琐碎但实用的知识点,这些都是编程工作中经常会遇到的工具和技术。接下来,我们将深入探讨这些主题。 首先,让我们来看看“javaMail”。JavaMail是一个开源...
例如,当你使用了很多的图片、声音效果和其他资源时,它们会花费一些时间等待浏览器从服务器下载。如果在编写游戏时,你不把它放在心上,你会焦头烂额。 解决方法是创建一个预加载器,延后脚本代码的执行,直到所有...
HTML-CSS-JS Prettify 提供了一种自动化的方式来格式化代码,避免手动调整缩进、换行等琐碎工作。通过这个插件,开发者可以快速将杂乱无章的源代码转换为符合编码规范的格式,这对于团队协作和代码维护来说极其重要...
HTML5和CSS3是现代网页开发的两大核心技术,它们极大地丰富了网页的展现形式...在日常编码过程中,这样的工具可以显著提升生产力,使开发者能够更专注于设计和实现网页的功能,而不是在琐碎的语法细节上花费过多时间。
在本文中,我们将深入探讨Laravel...它们简化了HTML和表单的创建,使开发者能更加专注于业务逻辑,而不是琐碎的HTML代码。通过熟练掌握这些工具,开发者可以更好地利用Laravel框架的力量,创建出优雅、高效的Web应用。
ZenCoding,后来更名为Emmet,是一种高效...总的来说,ZenCoding(Emmet)是提升HTML和CSS编码效率的强大工具,熟练掌握它可以极大提高开发速度,节省大量时间,让开发者更专注于设计和功能实现,而非琐碎的代码编写。
在这个项目模板中,HTML文件可能使用了一些最佳实践,如语义化标签、模块化结构,以及数据绑定等,以提升页面的可访问性和可维护性。 【Gulp.js】:Gulp是一个自动化任务运行器,可以自动化项目的构建流程,包括...
在Laravel框架中,开发者经常需要处理HTML...通过使用这些帮助程序,开发者可以专注于业务逻辑,而不是琐碎的HTML构建。这个库不仅提高了代码质量,还有助于保持代码的整洁和一致性,是Laravel开发者的一个强大工具。
琐碎的盗窃案。 上图是在办公室,在运行实例 ,并在这个仓库的例子配置证明。 Ambient提供了用于嵌入自动刷新图像,iframe或原始HTML的基本小部件,以及旨在在Trello板或Jenkins服务器上快速抽象地概述事物状态的...
总之,Struts1的标签库极大地方便了JSP页面的开发,通过声明式的方式管理表单元素,使得开发者可以专注于业务逻辑而不是琐碎的HTML代码。这个实例展示了如何使用Struts1的ActionForm和JSP标签来构建一个包含多种输入...
报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐碎、复杂而又十分细致的工作,报刊的征订、流动量、核对等工作量很大,一般不允许出错,如果实行手工操作,几乎每天都有手工填制大量的表格,这就会耗费工作...
报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐碎、复杂而又十分细致的工作,报刊的征订、流动量、核对等工作量很大,一般不允许出错,如果实行手工操作,几乎每天都有手工填制大量的表格,这就会耗费工作...
通过熟练掌握 Zen Coding,HTML 和 CSS 的编写速度将得到显著提升,让开发者可以更专注于逻辑和设计,而不是琐碎的代码输入。对于日常的前端开发工作,Sublime Text 2 结合 Zen Coding 插件无疑是一个强大的组合,...
然而人们常常会需要在数据库外做一些事情(或者,说得琐碎些,可能您还没有获得必要的数据库权限)。 利用 Python 可以进行高水平的、有效的数据解析。而利用互联网上免费提供的大量标准库和众多模块可以处理
它们提供了构建web应用的强大工具,使得开发者可以专注于业务逻辑,而不是琐碎的HTML代码。通过阅读"精通Struts"这本书,读者不仅可以了解HTML Taglibs的基本用法,还能学习到如何在实际项目中有效地运用这些知识,...
作为一名开发人员,还是让机器去做这些琐碎的事情吧。故写了两个脚本将md文件转成html文件,并将其放置在web服务器下,方便其他人员阅读。 主要有两个脚本和一个定时任务: •一个python脚本,主要将md文件转成html...