静态Web开发

一章 HTML(Hyper Text Markup Language)

1节
html入门

HTML
超文本标记语言
由浏览器解释执行
开发人员编写的超文本文档就是网页

XHTML
HTML升级到XML得过度产品
完全兼容HTML4.01
并且具有XML的语法

不区分大小写
头部分是给HTML页面增加一些辅助或属性信息，它里面的内容会最先加载，体部分是真正存放数据的地方

<head>
<meta http-equiv="Content-type" content="text/html;charset=utf-8"> //该文档采用哪种编码集utf-8
</head>

<font color="red" size="2">能看到我嘛</font> //不指定编码，乱码；标签不区分大小写

可以使用专业的HTML编译器来编译HTML:
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
对于初学者，推荐使用文本编译器来学习HTML
Editplus,Notepad++

2节
字体标签

<title></title>
<font color="red" sixe="+2" face="微软雅黑"></font> //size不能指定大小，只能+ -;face指定字体样式;font已经不赞成使用，都是用css

标题标签
<h1></h1>
...
<h6></h6> //六级标签

特殊字符
&lt; <
&gt; >
&nbsp; 空格
&quot; "
&reg; ®
&trade; ™
&amp; &
&copy; ©

常见的单标记标签:<br/> //显示他们需要转移
常见的双标记标签:<front></front>

3节
列表标签

disc :　 CSS1 默认值。实心圆
circle :　 CSS1 空心圆
square :　 CSS1 实心方块
decimal :　 CSS1 阿拉伯数字
lower-roman :　 CSS1 小写罗马数字
upper-roman :　 CSS1 大写罗马数字
lower-alpha :　 CSS1 小写英文字母
upper-alpha :　 CSS1 大写英文字母   // ul属性中有三个值,用于规定列表的符号,不赞成使用

无序列表
<ul style="list-style-type:disc">
<li>第一</li><li>第二</li><li>第三</li>
</ul>

有序列表

<ol style="list-style-type:upper-alpha">
<li>一</li><li>二</li><li>三</li><li>四</li>
</ol>

定义列表(definition list)
<dl>
<dt>游戏</dt> //definition table
<dd>穿越火线</dd> //description描述
<dd>lol</dd>
<dt>部门</dt>
...
</dl>

4节
图像标签

<img sc="..."
boder="3px" //边框
title="鼠标移到的提示文本"
alt="显示不出来时提示" //不同浏览器的版本可能提示不出来,不能超过1024字符
width="200px"
height="300px"
/>

5节
表格标签------------------------------------------------------------------------------------------------------------------------------(*)

//用于格式化数据
//cellspacing="0px" 单元格与相邻单元格之间的距离;collapse ;cellpadding 单元格内容与边框的距离
<table border width="100%" cellpadding="5px" cellspacing="0px" style="border-collapse:collapse">
<caption>标题</caption>
<thead>
<tr>
<th>编号</th><th>姓名</th><th>年龄</th>
</tr>
</thead>
<tbody> //多个tbody标签，可以局部控制数据的加载,减少等待时间
...
</tbody>
<tfoot> //与tbody是一样的，在表格的尾部新增一行
</tfoot>
<tr>
<td>编号</td><td>姓名</td><td>年龄</td>
</tr>
...
</table>

<td>常用属性
colspan> rowspan ---合并单元格

6节
超链接(hyperLink)

<a href="http://www.rupeng.com" target="_blank">如鹏</a>
target：指定在哪个窗口中打开，有4个值
_blank 在新开的空白窗口窗口中打开链接
_parent:在父级窗口中打开
_self: 在自身页面中打开(默认)
_top: 在整个浏览器的最顶端(前端)打开

静态Web开发 HTML的更多相关文章

  1. 静态Web开发 JQuery

    伍章 JQuery 1节介绍JQuery和顶级对象 <<锋利的JQuery>>JQuery官网: http://jquery.com (下载jquery工具)JQuery在线A ...

  2. 静态Web开发 DOM

    四章 Dom 1节dom中的顶级对象 dom(文档对象模型)js最终是要操作html页面,让html变成DHtml,而操作Html页面就要用到DOMDOM可以吧Html页面模拟成一个对象,如果js只是 ...

  3. 静态Web开发 JavaScript

    三章 Javascript 1节javascript基本语法和注意事项 脚本,一条条的文字命令.执行时由系统的一个解释器,将其一条条的翻译成机器可识别的指令,然后执行.(不需要编译)常见的脚本:批处理 ...

  4. 静态Web开发 CSS

    二章 CSS 1节CSS介绍 CSS(Cascading Style Sheets) //cascade级联,串联CSS由两个部分组成:选择器,以及一条或多条声明selector{declaratio ...

  5. web开发视频(一)之环境准备

    硬件环境: Win7+64位操作系统 1.安装 jdk.tomcat.eclipse; 2.配置 jdk 环境变量.tomcat环境变量 (jdk配置成功的标示是在命令提示符中输入 javac 给出对 ...

  6. Springboot 系列（五）Spring Boot web 开发之静态资源和模版引擎

    前言 Spring Boot 天生的适合 web 应用开发,它可以快速的嵌入 Tomcat, Jetty 或 Netty 用于包含一个 HTTP 服务器.且开发十分简单,只需要引入 web 开发所需的 ...

  7. 十二、springboot之web开发之静态资源处理

    springboot静态资源处理 Spring Boot 默认为我们提供了静态资源处理,使用 WebMvcAutoConfiguration 中的配置各种属性. 建议大家使用Spring Boot的默 ...

  8. Spring Boot的web开发&静态资源配置方式

    Web开发的自动配置类:org.springframework.boot.autoconfigure.web.WebMvcAutoConfiguration 1.1. 自动配置的ViewResolve ...

  9. Python之HTTP静态Web服务器开发

    众所周知,Http协议是基于Tcp协议的基础上产生的浏览器到服务器的通信协议 ,其根本原理也是通过socket进行通信. 使用HTTP协议通信,需要注意其返回的响应报文格式不能有任何问题. 响应报文, ...

随机推荐

  1. ios Base64编解码工具类及使用

    为了避免明码传递http内容,可以用base64编码后传输,收到方再解码,也方便了2进制数据的字符串式传输. 对于ios来说,google给提供了一个很好的工具类,方便进行base64编解码,当然也可 ...

  2. UITableView实现格瓦拉飞天投票模块-b

    格瓦拉目前来说动画效果确实做的还比较好,虽然不是说很炫但做到精致,这次就模仿了它投票的模块.其实想到要实现它还是有很多方法,不过这次我还是采用了苹果自带控件UITableView简简单单来实现它,再次 ...

  3. iOS应用中URL地址如何重定向-b

    就用一个很简单的例子 http://www.google.com谷歌的首页 都知道现在浏览器中打开google.com的话事实上会变成http://www.google.com.hk 网址被重定向了 ...

  4. Linux与Windows中动态链接库的分析与对比

    摘要:动态链接库技术实现和设计程序常用的技术,在Windows和Linux系统中都有动态库的概念,采用动态库可以有效的减少程序大小,节省空间,提高效率,增加程序的可扩展性,便于模块化管理.但不同操作系 ...

  5. Java-使用js进行编码，后台解码。

    1:使用js编码 var value=window.encodeURI(window.encodeURI(strValue)); 2:Java类中解码. String str=URLDecoder.d ...

  6. 1024: [SCOI2009]生日快乐 - BZOJ

    Description windy的生日到了,为了庆祝生日,他的朋友们帮他买了一个边长分别为 X 和 Y 的矩形蛋糕.现在包括windy,一共有 N 个人来分这块大蛋糕,要求每个人必须获得相同面积的蛋 ...

  7. 【线段树/数学/扩展欧几里得】 Bzoj 3913:奇数国

    Description 在一片美丽的大陆上有100000个国家,记为1到100000.这里经济发达,有数不尽的账房,并且每个国家有一个银行.某大公司的领袖在这100000个银行开户时都存了3大洋,他惜 ...

  8. hdu 4658 Integer Partition

    五角数定理!!可以参考这个http://www.cnblogs.com/xin-hua/p/3242428.html  代码如下: #include<iostream> #include& ...

  9. [itint5]环形最大连续子段和

    http://www.itint5.com/oj/#9 一开始有了个n*n的算法,就是把原来的数组*2,由环形的展开成数组.然后调用n次最大子段和的方法.超时. 后来看到个O(n)的算法,就是如果不跨 ...

  10. ajax跨域访问的解决方案

    今天的工作中要访问摄像机内部的一个web站点,这就涉及到jquery的ajax跨域访问的问题.我使用的是jquery1.7的版本,下面总结如下: 问题一:一开始用IE调试,总是返回No Transpo ...