静态Web开发 HTML
静态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> //六级标签
特殊字符
< <
> >
空格
" "
® ®
™ ™
& &
© ©
常见的单标记标签:<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的更多相关文章
- 静态Web开发 JQuery
伍章 JQuery 1节介绍JQuery和顶级对象 <<锋利的JQuery>>JQuery官网: http://jquery.com (下载jquery工具)JQuery在线A ...
- 静态Web开发 DOM
四章 Dom 1节dom中的顶级对象 dom(文档对象模型)js最终是要操作html页面,让html变成DHtml,而操作Html页面就要用到DOMDOM可以吧Html页面模拟成一个对象,如果js只是 ...
- 静态Web开发 JavaScript
三章 Javascript 1节javascript基本语法和注意事项 脚本,一条条的文字命令.执行时由系统的一个解释器,将其一条条的翻译成机器可识别的指令,然后执行.(不需要编译)常见的脚本:批处理 ...
- 静态Web开发 CSS
二章 CSS 1节CSS介绍 CSS(Cascading Style Sheets) //cascade级联,串联CSS由两个部分组成:选择器,以及一条或多条声明selector{declaratio ...
- web开发视频(一)之环境准备
硬件环境: Win7+64位操作系统 1.安装 jdk.tomcat.eclipse; 2.配置 jdk 环境变量.tomcat环境变量 (jdk配置成功的标示是在命令提示符中输入 javac 给出对 ...
- Springboot 系列(五)Spring Boot web 开发之静态资源和模版引擎
前言 Spring Boot 天生的适合 web 应用开发,它可以快速的嵌入 Tomcat, Jetty 或 Netty 用于包含一个 HTTP 服务器.且开发十分简单,只需要引入 web 开发所需的 ...
- 十二、springboot之web开发之静态资源处理
springboot静态资源处理 Spring Boot 默认为我们提供了静态资源处理,使用 WebMvcAutoConfiguration 中的配置各种属性. 建议大家使用Spring Boot的默 ...
- Spring Boot的web开发&静态资源配置方式
Web开发的自动配置类:org.springframework.boot.autoconfigure.web.WebMvcAutoConfiguration 1.1. 自动配置的ViewResolve ...
- Python之HTTP静态Web服务器开发
众所周知,Http协议是基于Tcp协议的基础上产生的浏览器到服务器的通信协议 ,其根本原理也是通过socket进行通信. 使用HTTP协议通信,需要注意其返回的响应报文格式不能有任何问题. 响应报文, ...
随机推荐
- 【趟坑】公共引用的jar包 pom的配置方法
http://www.cnblogs.com/viewcozy/p/4789877.html 接上一篇 ,内部moudule生成jar的方式 上一篇已经实现了,想把jar作为公共的部分让任何项目都可以 ...
- 【IOCP】 IOCP模型属于一种通讯模型- 较难
http://baike.baidu.com/link?url=e9vXkKd2aHp8VDr1XTURdwQB4K85r28IYjeMwRIyuaXtsrCsXHY1eohiFgsDXRYRlj6x ...
- mysql优化之sakila测试数据库
下载地址,选择相应的版本来进行安装测试 http://dev.mysql.com/doc/index-other.html 相关说明 http://dev.mysql.com/doc/sakila/e ...
- Insist
1.怎么自动截断文本? 如题,当数据库中的数据内容超出了要显示的长度时,如果不采取措施,会破坏页面的布局美观,所以可以采用自动截断文本,需要查看的时候再把其他的内容显示出来. 没截断的时候如下图: 再 ...
- DB天气app冲刺第九天
今天已经是冲刺的第九天了.应该算是进入了冲刺的后半期了.今天的android界面UI设计基本完成了.但还是有一些的bug,自己怎么也调不好,明天需要请教一下大神去. 今天已经把昨天布置的任务完成了.昨 ...
- java 凯撒大帝密码
古罗马皇帝凯撒在打仗时曾经使用过以下方法加密军事情报:
- 1305: [CQOI2009]dance跳舞 - BZOJ
Description 一次舞会有n个男孩和n个女孩.每首曲子开始时,所有男孩和女孩恰好配成n对跳交谊舞.每个男孩都不会和同一个女孩跳两首(或更多)舞曲.有一些男孩女孩相互喜欢,而其他相互不喜欢(不会 ...
- 1202: [HNOI2005]狡猾的商人 - BZOJ
Description 刁姹接到一个任务,为税务部门调查一位商人的账本,看看账本是不是伪造的.账本上记录了n个月以来的收入情况,其中第i 个月的收入额为Ai(i=1,2,3...n-1,n), .当 ...
- aJax提交——服务端不能用request存储数据,session存数据客户端可以接收到
aJax提交与普通提交是两种迥异的提交方式,这两种提交方式决定了客户端与服务端交互时存储.传输数据的方式也不同. aJax提交,客户端的请求数据存储在data中,服务端用request.getPara ...
- <span> <div> 局部 keydown ,keyup事件。页面部分div $(document) 无效,可能焦点,添加焦点。
前天改一个bug, js 实现的一个 面板拖拉,左右各两个列表,中间面板画线连接,页面左侧列表选中后,key 事件无效.右侧选中确有效,很奇怪,查看源码,左侧选中后,$(document).on(&q ...