HTML&javaSkcript&CSS&jQuery&ajax(八)
一、 <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle>菜鸟</title></head><body><h1>it's my first html</h1></html>
1、预格式输出标签<pre></pre>就是按照原本的样子输出。
2、<a href="http://www.runoob.com/" target="-blank:>cai niao</a> 定义target属性被链接的文档在何处显示
3、当前页面跳转到指定位置 <a href="#c4">查看章节四</a> <h2>章节一</h2> .....<h2><a id="c4">章节4</a></h2>
4、电子邮件链接 <a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">发送电子邮件</a>
5、 base 定义了所有Url的属性, <base href="http:www.runoob.com/images/" target="_blank">
<link>标签定义了文档与外部资源的联系,通常用于链接到样式表 <head> <link rel="stylesheet" type="text/css" href="mystyle.css>
<style>标签定义HTML文档的样式引用地址,可以直接添加样式来渲染HTML文档 <head><style type="text/css"> body{background-color:yellow}</style></head>
设置没有下划线的链接 <a href="http://www.runoob/" style="text-decoration:non;">访问 runoob.com</a>
插入图像 <img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height=‘100"’> 当浏览器无法加载图像时 alt 属性替代图像
<img src="smile.gif" alt="Smile face" style="float:left" width="23" height="3">图片浮动设置。
图片链接 <a href="http://ww.runoob.com”><img src=simle.gif" broder="10:" width="2" height=4"></a>
图片映射 <img src="palnets.gif width="145" height="126" alt="Planets" usemap="#planetmaap">
<map name="palnetmap"> <area shape="rect" coords="0,0,83,123" alt="sun" href="sun.html">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html" ></map>
6、表格 两行两列 <table border="1"> <tr><td>3</td><td>3</td><</tr> <tr><td>4</td><td>4</td><</tr></table>
添加表头<th></th>
带有标题的表头 <caption> 标题</caption>
单元格跨行跨列 <th colspan="2">Telphone</th> 列跨行 <th rowspan="2">Telphone</th>行跨行
表格嵌套 <!DOCTYPE html>
<html><head></head>
<meta charset="utf-8">
<title></title>
<body>
<table border="1">
<tr>
<td>
<p>这是一个段落</p>
<p>这是另一个段落</p>
</td>
<td>这个单元格包含一个表格:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table></td>
</tr>
<tr>
<td>这个单元格包含一个列表
<ul>
<li>apples</li>
<li>bananas</li>
<li>pineapples</li>
</ul>
</td>
<td>HELLO</td>
</tr>
</table>
</body>
</html>
7、单元格边距 <table border="1" cellpadding="10"> cellpadding就是控制表格数据到表格边之间的距离
列表类型 <ol type="a"><li></li></ol> <ul style="list-style-type:disc"><li></li></ul> 或者是 circle square
最新文章
- C语言 关于内存动态分配问题
- SQL Server复制入门(一)----复制简介
- CSS3实现二十多种基本图形
- 深入了解iPad上的MouseEvent【转】
- Android EditText控件行尾为表情时的BUG
- 未来 USB Type-C 将可靠软体判断线材是否符合规定
- Spring AOP实现方式四之注入式AspectJ切面【附源码】
- javascript实现继承的6种方式
- Hbase常用操作
- C/C++中的++a和a++
- The executable was signed with invalid entitlements新设备run出现这个问题
- Mybatis学习笔记(三) 之Dao开发
- java执行程序的内存分析系列专栏
- docker 常见错误总结
- 【POI每日题解 #6】KRA-The Disks
- mysql 原理 ~ innodb恢复机制
- composer install Your requirements could not be resolved to an installable set of packages
- chrome谷歌浏览器常用快捷键搜集整理
- XSS留言板实现
- BD面试题1-两个大文件中找出公共记录[转载]
热门文章
- myeclipse svn JavaHL(JNT) 不能使用的问题?
- 高德地图 location字段控制台显示 为字符串类型 实际为对象
- Ajax——从服务器获取各种文件
- compileSdkVersion,minSdkVersion 和 targetSdkVersion
- 20165237 2017-2018-2 《Java程序设计》第4周学习总结
- cartographer 分析
- C# 判断网络是否连接
- Python换行符问题:\r\n还是\n?
- LwIP Application Developers Manual4---传输层之UDP、TCP
- 专题:CF图论杂题