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 ...
随机推荐
- 2017-2018-2 20165234 实验四《Android程序设计》实验报告
一.实验报告封面 课程:Java程序设计 班级:1652 姓名:刘津甫 学号:20165234 指导教师:娄嘉鹏 实验日期:2018年5月14日 实验时间:13:45 - 3:25 ...
- A Light CNN for Deep Face Representation with Noisy Labels
承接上一篇博客.该论文思路清晰,实验充分,这里大致写一些比较不错的idea.从标题就能看出本文的主要贡献:轻量.鲁棒.利用一个轻量CNN从大规模数据且含大量噪声中来学习一个深度面部表征. 直接谈谈贡献 ...
- 两种 AuthorizationSchemes 在 ASP.NET Core 2
Welcome to IdentityServer4: https://identityserver4.readthedocs.io/en/release/ 支持 ASP.NET Core 2 ...
- 关于DateTime自带的AddSeconds等函数的坑
在此记录一下今天在写一个进程查杀小程序时碰到的关于DateTime的问题: 第一次是用AddSeconds后的时间直接和DateTime.Now做相等判断. class Program { stat ...
- VC使一个对话框不显示
//add this void CbkDlg::OnNcPaint() { ShowWindow(SW_HIDE); CDialog::OnNcPaint(); } 初始化时 ...
- 题解-USACO18DEC Balance Beam详细证明
(翻了翻其他的题解,觉得它们没讲清楚这个策略的正确性) Problem 洛谷5155 题意概要:给定一个长为\(n\)的序列,可以选择以\(\frac 12\)的概率进行左右移动,也可以结束并得到当前 ...
- Apollo 启动脚本解析
Apollo 启动脚本解析 sudo service docker start -- 是在ubuntu14.04中打开 在dev_start.sh脚本中会调用restart_map_volume.sh ...
- Zabbix3.0.4监控Windows的CPU使用百分比并在CPU使用率超过90%触发报警
Zabbix3.0.4监控Windows的CPU使用百分比 Zabbix 自带的模块没有 CPU 使用率(百分比)这个监控项,我们可以通过添加计数器的方式实现 CPU 百分比的监控. 1.在Zabbi ...
- oracle 11.2.0.4 rac 打补丁
本次安装pus环境是11.2.0.4 rac,打的patch为11.2.0.4.180717 (Includes Database PSU),gi补丁和数据库补丁一起打 安装最新opatch版本 un ...
- python old six day
今天主要内容: . is 和== 的区别 . 编程的问题 一. is和==的区别! is 比较的是内存地址 == 比较的是值 记住结果就好 ⑴id 通过id() 我们查看到一个变量表示 ...