`

html的一些琐碎

    博客分类:
  • web
阅读更多

(1)元素分为有内容的元素和空元素。前者如<p></p>,后者如<hr />。也可分为块元素和行元素。块元素有标题类块元素(h1~h6)和段落块元素(p,pre,div)pre用于显示诗句以及计算机程序等需要空格回车符来排版的内容 

通用属性

 

id

元素标志属性,大小写敏感,在html文档中必须是唯一的

title

提示的作用,元素设置此属性后当鼠标移到该内容上时就可以看到title的值

(2)table常用的列表项:无需列表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="这里是作者的名字" />

 

其他的不在细说了

0
0
分享到:
评论

相关推荐

    最好的CHM制作工具 琐碎打包1.8.1

    "最好的CHM制作工具 琐碎打包1.8.1"是一款专用于创建CHM文件的软件,据描述,该工具在众多CHM制作工具中脱颖而出,因其易用性而受到青睐。 CHM制作工具的核心功能通常包括以下几点: 1. **HTML编辑**:用户可以...

    报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐碎

    报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐碎、复杂而又十分细致的工作,报刊的征订、流动量、核对等工作量很大,一般不允许出错,如果实行手工操作,几乎每天都有手工填制大量的表格,这就会耗费工作...

    triviality:记录一些琐碎的事

    9. 用户界面:可能包含用户友好的界面设计,让用户能够方便地输入和查看琐碎的事,这需要HTML、CSS和JavaScript的知识。 10. 自动化工具:为了简化日常工作,项目可能集成了一些自动化工具,如持续集成/持续部署(CI...

    javaMail,XSLT,正则等琐碎知识

    本话题涵盖了“javaMail”、“XSLT”以及“正则表达式”等琐碎但实用的知识点,这些都是编程工作中经常会遇到的工具和技术。接下来,我们将深入探讨这些主题。 首先,让我们来看看“javaMail”。JavaMail是一个开源...

    html5游戏开发的五个最佳实践.pdf

    例如,当你使用了很多的图片、声音效果和其他资源时,它们会花费一些时间等待浏览器从服务器下载。如果在编写游戏时,你不把它放在心上,你会焦头烂额。 解决方法是创建一个预加载器,延后脚本代码的执行,直到所有...

    HTML-CSS-JS Prettify

    HTML-CSS-JS Prettify 提供了一种自动化的方式来格式化代码,避免手动调整缩进、换行等琐碎工作。通过这个插件,开发者可以快速将杂乱无章的源代码转换为符合编码规范的格式,这对于团队协作和代码维护来说极其重要...

    html5,css3智能提示.rar_css3智能提示_foodu9z_html5

    HTML5和CSS3是现代网页开发的两大核心技术,它们极大地丰富了网页的展现形式...在日常编码过程中,这样的工具可以显著提升生产力,使开发者能够更专注于设计和实现网页的功能,而不是在琐碎的语法细节上花费过多时间。

    Laravel开发-laravel-html

    在本文中,我们将深入探讨Laravel...它们简化了HTML和表单的创建,使开发者能更加专注于业务逻辑,而不是琐碎的HTML代码。通过熟练掌握这些工具,开发者可以更好地利用Laravel框架的力量,创建出优雅、高效的Web应用。

    ZenCoding--一种快速开发Html文件的插件

    ZenCoding,后来更名为Emmet,是一种高效...总的来说,ZenCoding(Emmet)是提升HTML和CSS编码效率的强大工具,熟练掌握它可以极大提高开发速度,节省大量时间,让开发者更专注于设计和功能实现,而非琐碎的代码编写。

    基于requirejs+CSS+html+gulp的项目模板

    在这个项目模板中,HTML文件可能使用了一些最佳实践,如语义化标签、模块化结构,以及数据绑定等,以提升页面的可访问性和可维护性。 【Gulp.js】:Gulp是一个自动化任务运行器,可以自动化项目的构建流程,包括...

    LaravelTagHelpers向Laravel应用程序添加功能强大的HTML标记帮助程序

    在Laravel框架中,开发者经常需要处理HTML...通过使用这些帮助程序,开发者可以专注于业务逻辑,而不是琐碎的HTML构建。这个库不仅提高了代码质量,还有助于保持代码的整洁和一致性,是Laravel开发者的一个强大工具。

    ambient:琐碎的状态委员会剥夺

    琐碎的盗窃案。 上图是在办公室,在运行实例 ,并在这个仓库的例子配置证明。 Ambient提供了用于嵌入自动刷新图像,iframe或原始HTML的基本小部件,以及旨在在Trello板或Jenkins服务器上快速抽象地概述事物状态的...

    jsp struts1 标签实例详解第1/2页

    总之,Struts1的标签库极大地方便了JSP页面的开发,通过声明式的方式管理表单元素,使得开发者可以专注于业务逻辑而不是琐碎的HTML代码。这个实例展示了如何使用Struts1的ActionForm和JSP标签来构建一个包含多种输入...

    报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐

    报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐碎、复杂而又十分细致的工作,报刊的征订、流动量、核对等工作量很大,一般不允许出错,如果实行手工操作,几乎每天都有手工填制大量的表格,这就会耗费工作...

    报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项的

    报刊订阅管理系统(java+html)(课程设计)报刊的订阅是一项琐碎、复杂而又十分细致的工作,报刊的征订、流动量、核对等工作量很大,一般不允许出错,如果实行手工操作,几乎每天都有手工填制大量的表格,这就会耗费工作...

    sublime text2 一种快速编写HTML代码的方法

    通过熟练掌握 Zen Coding,HTML 和 CSS 的编写速度将得到显著提升,让开发者可以更专注于逻辑和设计,而不是琐碎的代码输入。对于日常的前端开发工作,Sublime Text 2 结合 Zen Coding 插件无疑是一个强大的组合,...

    HTML中使用python屏蔽一些基本功能的方法

    然而人们常常会需要在数据库外做一些事情(或者,说得琐碎些,可能您还没有获得必要的数据库权限)。  利用 Python 可以进行高水平的、有效的数据解析。而利用互联网上免费提供的大量标准库和众多模块可以处理

    精通Struts书中讲解htmltaglibs的例子

    它们提供了构建web应用的强大工具,使得开发者可以专注于业务逻辑,而不是琐碎的HTML代码。通过阅读"精通Struts"这本书,读者不仅可以了解HTML Taglibs的基本用法,还能学习到如何在实际项目中有效地运用这些知识,...

    python 自动化将markdown文件转成html文件的方法

    作为一名开发人员,还是让机器去做这些琐碎的事情吧。故写了两个脚本将md文件转成html文件,并将其放置在web服务器下,方便其他人员阅读。 主要有两个脚本和一个定时任务: •一个python脚本,主要将md文件转成html...

Global site tag (gtag.js) - Google Analytics