`

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
分享到:
评论

相关推荐

    HTML5总结,HTML的特点小知识

    HTML5总结,HTML的特点小知识 前些天看了IT最新动向,发现HTML5发展非常之快,所以这两天花了些时间学了一下,在网上查到的东西一般都很琐碎,我在这里稍微整理一下。

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

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

    HTML:一个简单的Java库来生成HTML5

    Java中的一个琐碎HTML库,用于向Java Web应用程序添加HTML5编写功能。

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

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

    HTML5 Canvas 游戏开发实例详解

    简化Canvas图形绘制,方便管理可视对象,内置对象碰撞检测,提供按钮,动画片段等组件封装,把开发者从图形绘制的琐碎中解放出来,让开发者把注意力集中在应用的主要逻辑上。

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

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

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

    报刊的订阅是一项琐碎、复杂而又十分细致的工作,报刊的征订、流动量、核对等工作量很大,一般不允许出错,如果实行手工操作,几乎每天都有手工填制大量的表格,这就会耗费工作人员大量的时间和精力,计算机进行报刊订阅...

    VC++写的工程打包程序

    通过这个工具转换之后,再用QuickCHM、EasyCHM或者琐碎打包工具等等将这些转换好的html文件或者rar文件编译成chm帮助文件,即节省了大量空间(两个多G的源代码转换打包之后只有两三百来兆,经过编译成chm之后会更小...

    CSS设置HTML元素的高度与宽度的各种情况总结

    块级元素和行级元素在设置宽高度时会遇到很多琐碎的问题,这里我们通过分类讨论的方式来进行CSS设置HTML元素的高度与宽度的各种情况总结,需要的朋友可以参考下

    generate Xpath-crx插件

    这需要大量改进,这是我对chrome扩展程序的第一个实验,因此请您为一些琐碎的错误找借口。 让我知道是否有任何不相关的内容或可能丢失的内容。 以下是一些将很快解决的已知问题。 1.如果找不到优化的xpath,则必须回...

    生成Xpath「generate Xpath」-crx插件

    这需要大量改进,这是我对chrome扩展程序的第一个实验,因此请您为一些琐碎的错误找借口。 让我知道是否有任何不相关的内容或可能丢失的内容。 以下是一些将很快解决的已知问题。 1.如果找不到优化的xpath,则必须回...

    计算机语言-doc_studyget_com_showdoc_19317_html1

    1.大量繁杂琐碎的细节牵制着程序员,使他们不可能有更多的时间和精力去从事创造性的劳动,执行对 2.程序员既要驾驭程序设计的全局又要深入每一个局部直到实现的细节,

    markdown-read:从网址读取减价

    npm i -g markdown-read# Turn current page to markdown$ markdown https://shanyue.tech | head -10## [#](#山月的琐碎博客记录) 山月的琐碎博客记录关于平常工作中在前端,后端以及运维中遇到问题的一些文章总结...

    CGProject:CG课程

    这样可以免去编译等琐碎的细节。 开发过程中测试过的浏览器有: Chrome 39 Safari 8.0 主要使用了其中Canvas画布的功能。 只调用了其中像素级别的API,其余全部功能均为手工实现。 项目结构 common.js 一些复用的...

    java写的学员信息管理系统

    学员可以把日常所有琐碎的时间集中起来,统一起来更方便的实施每一步的计划;督导能够更好的管理每个学员的日常生活,能够有效及时的知道学员的具体情况;项目经理可以更彻底的了解学员该时段的具体学习情况比对以后...

    ninpp:HTMLCSSJS 演示系统

    ##定义Ninpp : Ninpp 不是 Power Point Ortcoi : 在互联网上流传的演说家重播Artki : 一个真正的琐碎编辑器踢它##Demos 你可以看到演示SYSTEME的演示,并通过我预制重播的(不好意思法语)演示。 ##为什么 ? ...

    基于JSP 的校园新闻发布系统_需求分析

    学校新闻发布是一项琐碎、复杂而又十分细致的 工作,而且不容许出错,这种方式对于信息量小的学校还能勉强能够使用。但随着 教育行业的发展、学校规模的扩大,如果仍旧采取传统的方式,将会耗费工作人员 大量的...

    SockHop:分布式网络编程环境(API & 共享库服务器)

    还有一个“tests”目录,其中包含一些我一直用来验证 libsockhop.so 的琐碎测试程序。 这些测试程序都放在公共领域。 这只是一个源代码存档; 它不包含任何可执行文件。 运行时 SockHop 发行版包含预编译库和演示...

    值得收藏的25款免费响应式网页模板

    而工作中最令人纠结的,却是有限的时间,重复而琐碎的工作,以及有限的预算。这也就是为什么大家都如此渴望干货,期待好素材,以及模板。对,充满创意、迎合潮流的HTML5/CSS3响应式网页模板,就是你们需要的 All in ...

Global site tag (gtag.js) - Google Analytics