常用的html标签<p>段落<h1-6>标题1-6<strong>强调斜体<em>强调加粗<q>简短文本的引用,为文本自动加如双引号<blockquote>长文本的引用,文本居中,左右缩进<br />换行<hr>水平横线<address>地址、邮箱地址等,斜体展示<code>单行代码 <pre>多行代码<ul><li> <ol><li><div><table> tbody th(head) tr(row) td(表格)举个例子:<table summmary="本表格记录2012年到2013年的库存记录"> <caption>2012年到2013年的库存记录</caption> ...
(原)往常前后端通讯基本都是以ajax请求或是表单做数据交互的,这是一种无状态的http协议,如果要做tcp协议的数据交互,能想到的技术也就socket了,可如果后端是JAVA,前端如何做socket呢,其实这里用JSP就行,其实这里如果都用JDK自带的socket client 和 socket server 就OK了,如果换成html呢?那么JAVA就无能为力了,好在有socket.io。下面来看看如何实现吧。1、你必需知道socket.io实现上就是一个js文件,它可以在这下载。(h...
HTML5新增表单控件和表单属性一、Forms:新的输入型控件; 1.(1)email:电子邮箱文本框,跟普通的没区别; 当输入的不是邮箱的时候,验证不通过 移动端的键盘会有变化 (2)Tel:电话号码 tel的功能主要在移动端上,一个键盘的切换 (3)url网页的URL 网址 (4)search 搜索引擎 chrome下输入文字后,会多出一个关闭的×; (5)range 特定范围内的数值选择器; min max step(步数) (6)n...
欢迎加入前端交流群来获取视频资料以及前端学习资料:749539640第一章HTML基础一、.web标准的概念及组成W3C制定的结构和表现的标准;结构:(xhtml ,xml)
表现:(css)
ECMA制定的行为的标准;
行为:(DOM ,ECMASCRIPT)
结构和表现标准:
1.W3C(?World Wide Web Consortium?)万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。(制定了结构和表现的标准,非赢利性的。)
2.行为标准:DOM,ECMASCRIPT(...
学习了许多基本的Sencha Touch内容,已经了解了Sencha Touch的开发模式。接下来一段时间我们将利用Sencha Touch来进行自己的web应用构建。先要解决的是前端的问题,从最简单的入手,一个基本的登录界面。最简单的登录界面大体由以下介个元素组成:用户头像部分、用户名输入部分、密码输入部分、提交按钮。我们从这种虽简单的界面开始,逐步进行界面实现。一、创建主面板Ext.require('Ext.Panel');
Ext.application({name:'MyApp',i...
抄自:http://www.w3school.com.cn/html/html_frames.asp1.框架定义通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。使用框架的坏处:开发人员必须同时跟踪更多的HTML文档很难打印整张页面框架结构标签(<frameset>)框架结构标签(<frameset>)定义如何将窗口分割为框架每个 frameset 定义了一系列行或列rows/columns 的值规定了每行或每列占据屏幕的面积...
书接上文,上文提到若干条JavaScript的基础性知识,大部分都是一些概念性的东西,本着认真严谨的态度,我们要认真对待,有些条目的问题是某个知识点的周边延伸,为节约篇幅,就一起整理了,如有描述不对的地方或者是描述不足的地方,望大家批评指正,下面是我给我”参考答案“,也只是仅供参考:1.JavaScript运行在html中,引用有几种方式?我知道的方法有3种:第一种:外部引用远程JavaScript文件,如<script type="text/javascri...
html图像<img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持。<img src="images/pic.jpg" alt="产品图片"/>绝对路径和相对路径像网页上插入图片这种外部文件,需要定义文件的引用地址,引用外部文件还包括引用外部样式表,javascript等等,引用地址分为绝对地址和相对地址。绝对地址:相对于磁盘的位置去定...
HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas
2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式。虽然HTML5标准尚未开发完成,但是随着开发者对HTML5的兴趣日渐浓厚,开发工具提供商也开始跟进。以下介绍的9款应用工具已经能够帮助开发者在程序中集成HTML5功能。一、Adobe Edge 目前还处于预览...
1/列的英文单词是column,行的英文单词是row; colspan和rowspan的属性值为要合并的行数或者列数;td和th的跨行和跨列的属性: <thead><tr bgcolor="#d8e4bc" align="center" valign="center"><th rowspan="2">人员</th><th colspan="2">2018</th><th rowspan="2">2019</th><th rowspan="2">2020</th></tr><tr bgcolor="#d8e4bc" align="center" valign="center"><th>上半年</th><th>下半年</th></tr>
</thead>
<tbody align="ce...
HTML提交方式post和get区别(实验)一、post和get区别get提交,提交的信息都显示在地址栏中。 post提交,提交的信息不显示地址栏中,显示在消息体中。 二、客户端代码<!DOCTYPE html><html><head><title>Form.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=GB2312"><!--<link rel="styles...
简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。element = document.querySelector(‘selectors‘);
elementList = document.querySelectorAll(‘selectors‘);其中参数selectors 可以包含多...
HTML变动最大的版本应该就是HTML5了,这里就介绍一些 HTML5新增的DOM相关的API与类相关的扩充HTML4在普及后有一个十分重要的变化,即class属性使用的场景越来越多所以HTML5新增了许多API致力于简化CSS类的用法 1. getElemenetsByClassName() 该方法接收一个参数(包含一个或多个类名的字符串),返回带有指定类名的元素的Nodelist,传入多个类名时类名的顺序没有影响2. classList属性 该属性保存有一个 DOMTokenList 的实例DOMTo...
效果地址:https://codepen.io/flyingliao/pen/oOLodJ?editors=1100其它动画效果地址:1.https://scrimba.com/c/cJ8NPpU2 2.https://scrimba.com/c/cbNkBnuVHTML code:<div class="eyes"><span></span><span></span></div>CSS code:html,body{margin: 0;padding: 0;
}
*{/* 设置所有元素的width、height包括其内边距、边框、内容 */box-sizing: border-box;
}
body,.eyes{height: 100vh;border: 1px solid white;display: fl...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- 4秒后自动转去相应网址 --><!-- <meta http-equiv="refresh" content="4; http://www.baidu.com/" /> --><title>test output</title><style>//body{ background: navy; color: yellow;}</style>
</head>
<body><form name="main"><h3>output元素,在firefox中支持得很好</h3><output name...