HTML&javaSkcript&CSS&jQuery&ajax(二)
一、HTML
1、标签<a href="http:www.baidu.com">This is a link </a> <img src="w3cSchool.jpg" width="123" height="34" /> <!--Html元素指的是从Start tag 到 end tag的所有代码-->
2、eg、<html> <body> <p> This is a paragraph </p> </body></html>
3、<h1 align="center" >对齐方式 <body bgcolor="yellow">背景颜色设置 , <table border="1">表格边框设置
4、<hr/>创建水平线 eg、 <p> This is a paragraph</p> <hr/> <p>This is a paragraph</p> <br/>换行标记
5、<body style="background-color:yellow"> <h2 style="background-color:red"> This is a page<h2/> <p style="background-color:green">This is a paragraph</p>
6、<h1 style="font-family: verdana">A heading</h1> <p style="font-family:arial; color:red; font-size:20px;"> A paragraph</p>
7、<h1 style="text-align:center">This is a heading</h1 > <p> WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p> <!--引用-->
8、对于长的引用使用<blockquote cite="http://www.worldwildlife.org/who/index.html"> 五十年来,WWF一直致力于保护自然环境的未来</blockquote>
9、<address> writen by Donald Duck <br\> Visit us at: <br\> </address>
10、键盘标签 <p><kbd> File |Open.......</kbd></p> 计算机代码标签<code> var person={ firstname:"Bill", lastName::"Gates", age:50, eyeColor:"blue"}
11、定义数学变量标签 <p> <var>E=mc<sup>2</sup></var></p>
12、外部样式表链接 <head><link rel=“stylesheet” type="text/css" href="mystyle.css"></head> 内部样式 <head> <style type="text/css"> body{background-color:red} p{margin-left:30px}</style> </head> 内联样式 <p style=color: red; margin-left :30px">This is a paragraph</p>
13、链接<a href="url">link text</a> 使用Target属性可以定义文档在何处显示 <a href="www.w3cschool.com.cn/" target="_blank">Visit W3cShool!</a>
14、图像标签 <img src="url"/> 替换文本属性, <img src="boat.gif" alt="Big Boat"> 当浏览器无法加载图像时提示
15、表格单元格 <table border="1"><tr><td> row1 ,cell1</td> <td> row 1 ,cell 2</td> </tr> <tr> <td> row 2, cell 1 </td> <td>row 2,cell2</td></tr> </table>
16、表头标签<th>Heading</th> <th>Another Heading</th> 如果表格是空的,则表格边框不显示,要添加占位符 <td> </td>
17、无序列表 <ul><li>Coffe</li> <li>Milk</li></ul> 有序列表 <ol><li>Coffe</li> <li>Milk</li></ol>自定义列表 <dl><dt> </dt></dl>
HTML&javaSkcript&CSS&jQuery&ajax(二)的更多相关文章
- java-HTML&javaSkcript&CSS&jQuery&ajax
CSS 伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:acti ...
- XSS-HTML&javaSkcript&CSS&jQuery&ajax
1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;} ul.b{list-style-type:square;} ul.c{list ...
- HTML&javaSkcript&CSS&jQuery&ajax(十)
HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...
- HTML&javaSkcript&CSS&jQuery&ajax(八)
一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...
- HTML&javaSkcript&CSS&jQuery&ajax(七)
’一.HTML5 实例 <video width="430" controls> <source src="mov_nnn.mp4" t ...
- HTML&javaSkcript&CSS&jQuery&ajax(五)
一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...
- HTML&javaSkcript&CSS&jQuery&ajax(四)
一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...
- HTML&javaSkcript&CSS&jQuery&ajax(三)
一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...
- java-HTML&javaSkcript&CSS&jQuery&ajax( 八)
一.JavaScript教程笔记 1.在web页面中一般使用JavaScript脚本语言,支持跨平台,跨浏览器,驱动网页,与用户交互.另外Node.js把JavaScript引入到了服务器端. Jav ...
随机推荐
- linux 文件处理命令
- Django中的缓存基础知识
由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访问量大时,耗时必然会更加明显,最简单解决方式是使用:缓存,缓存将一个某个views的返回值保存至内存或者memcache中,5 ...
- linux下 gdb+coredump 调试偶发crash的程序
1. 打开 core dump 查看是否打开 ulimit -c 如果输出0, 说明没有打开. 方法一:使用命令 ulimit -c unlimited 可以打开,但是只对当前终端有效, 方法二: 配 ...
- C#操作剪贴板实现复制粘贴
//粘贴 private void tsbPaste_Click(object sender, EventArgs e) { IDataObject iData = Clipboard.GetData ...
- weblogic和was的巡检报告模板
weblogic巡检报告模板 https://max.book118.com/html/2017/0710/121553357.shtm 用jrockit How to tell Our WebLo ...
- UR#13 SRAND
总感觉这位大仙讲的很清楚:bztminamoto 题意 题目讲的是求 l~r 内所有数的次大质因子,这里设 f(x) 为 x 的次大质因子 我们差分一下就变成求两个前缀和信息了 按照套路,我们考虑 S ...
- Android Day2
紧接前一篇日记: 2.增加文本域 在<LinearLayout>中增加<EditText>元素,无格式设置的时候如下. <EditText android:id=&quo ...
- (并发编程)RLock(与死锁现象),Semaphore,Even事件,线程Queue
一.死锁现象与递归锁所谓死锁: 是指两个或两个以上的进程或线程在执行过程中,因争夺资源而造成的一种互相等待的现象,若无外力作用,它们都将无法推进下去.此时称系统处于死锁状态或系统产生了死锁,这些永远在 ...
- webpack配置的基本介绍
https://github.com/DDFE/DDFE-blog/issues/10 全局安装 webpack :(当前笔记版本: webpack 3.10.0 , mac环境) 1. npm i ...
- Zookeeper-Watcher机制与异步调用原理
转载于:http://shift-alt-ctrl.iteye.com/blog/1847320 Watcher机制:目的是为ZK客户端操作提供一种类似于异步获得数据的操作. 1)在创建Zookeep ...