web基础--html
WebBasic
1.web应用体系
课程大纲
1.web基础:做网页
2.结构:
a.html
勾勒网页结构及内容
b.css
美化网页
c.JavaScript<重点>
呈现动态数据和效果
3.JavaScript:
--Java程序员使用JS实现页面的业务逻辑
--美工做出静态页面(html+css)
设备
Chrome、thinkpadX、thinkpadT、mac
web三要素和http
2.html
html(HyperText Markup Language)
1.html与xml
1)XML可扩展标记语言(传输或存储数据)
a.标签、属性可扩展,元素间的嵌套关系可扩展
b.标签
双标签:<标签名></标签名>
单标签:<标签名/>
关系:<标签名/> == <标签名>内容为空</标签名>
c.属性
定义在开始标签,属性名无序不重复,属性名="属性值"
d.元素
<标签名 属性名="属性值">内容</标签名>
2)HTML超文本标记语言(显示数据)
a.语法固定
标签,属性,元素嵌套关系固定
b.html基本结构
<!-- html是唯一的根 -->
<html>
<head>
<!-- 设置文档标题,编码,引入的资源 -->
</head>
<body>
<!-- 页面上显示的内容 -->
</body>
</html>
html标签
1.<!DOCTYPE>指定版本:带X的是w3发布的,其他的都是各个公司发布的
<!DOCTYPE html>声明为html5文档
2.<title>指定网页标题
<title>标题</title>
3.乱码问题
1>指定html文档格式为utf-8
2><head>
<!-- html4标准 -->
×<meta http-equiv="content-type" content="text/html;charset=utf-8"></meta>
<!-- html5标准 -->
√<meta charset="utf-8"/>
</head>
文本处理
4.标题元素
<h#>...</h#> #=1,2,3,4,5,6
5.段落元素
<p></p>
6.列表
有序列表<ol>、无序列表<ul>、列表项<li>
<!-- 有序列表 -->
<ol>
<li>AA省</li>
<li>BB省</li>
</ol>
<!-- 无序列表 -->
<ul>
<li>AA市</li>
<li>BB市</li>
</ul>
<!-- 列表嵌套 -->
<ol>
<li>
AA省
<ul>
<li>AA市</li>
</ul>
</li>
<li>BB省</li>
<li>CC省</li>
</ol>
7.div(块级标签)
1)块级元素<p>、<div>、<h#>
2)行内元素<span>、<a>
<div></div>多用于确定网页结构
8.行内元素
1)<span></span>
你好<span style="">你好</span>你好
加粗:<strong></strong>、<b></b>
斜体:<i></i>、<em></em>
下划线:<u></u>
删除线:<del></del>
2)空格折叠
内容内多个空格当作一个空格处理
<br/>换行
9.图片标签
相对路径与绝对路径
<img src="data:image's path" width="宽" height="高">
10.超链接元素
<a href="链接http://www.baidu.com" target="打开方式:_blank/_self">文本</a>
锚点:
<a name="top"></a>
<a href="#top">去顶部</a> === <a href="#">去顶部</a>
11.表格
<table border="像素:1px" width height align:对齐 cellpadding:单元格与内容间距 cellspacing:单元格间距>
<tr align/valign:对齐>
<td align/valign/width/height/colspan跨行/rowspan跨列></td>
</tr>
</table>
表分组:目的是为了方便组内元素设置样式和编程(JS)
<table>
<thead><!-- 标题行 -->
<tr>
<td></td>
</tr>
</thead>
<tbody><!-- 数据行 -->
<tr>
<td></td>
</tr>
</tbody>
<tfoot><!-- 结尾行(总计) -->
<tr>
<td></td>
</tr>
</tfoot>
</table>
继续学习
http://http://www.w3school.com.cn/
web基础--html的更多相关文章
- Golang友团无闻Go语言Web基础视频教程
教程内容:GO语言资料Golang友团无闻Go语言编程基础Golang友团无闻Go语言Web基础教程 Go语言Web基础教程列表:[Go Web基础]12Go Web 扩展学习.mp4[Go Web基 ...
- HT for Web基础动画介绍
在上一篇<基于HT for Web矢量实现3D叶轮旋转>一文中,我略微提了下HT for Web基础动画的相关用法,但是讲得不深入,今天就来和大家分享下HT for Web基础动画的相关介 ...
- Web基础开发最核心要解决的问题
Web基础开发要解决的问题,往往也就是那些框架出现的目的 - 要解决问题. 1. 便捷的Db操作: 2. 高效的表单处理: 3. 灵活的Url路由: 4. 合理的代码组织结构: 5. 架构延伸 缓存. ...
- java web基础环境搭建
java web基础环境包括:(1)servlet容器也即tomcat(2)jre即java程序运行环境 环境变量配置:分别下载jdk和tomcat安装包. jdk环境变量配置: 第一步:系统环境变量 ...
- Web基础知识和技术
WEB是一个外延广泛的概念,不单单指网站,乌徒帮专注拥有WEB界面的网站开发,帮助初学者或已经进入开发的朋友们提供参考讨论平台,然而并不一定能将所有的WEB知识讲全讲透,只是能满足初涉者的建站需求,能 ...
- java web基础 --- URL重定向Filter
java web基础 --- URL重定向Filter httpRequest.getRequestDispatcher("/helloWorld").forward(httpRe ...
- (0)写给Web初学者的教案-----Web基础
0,Web基础 一. What is the Web? Can It Eat? 很多同学可能都听说过一个名词叫做“Web”,这个词隐隐约约好像和我们上网相关.但是呢,又很难说的清楚.我们今天每位 ...
- web基础系列(五)---https是如何实现安全通信的
https是如何实现安全通信的 如果有不正确的地方,还望指出! web基础系列目录 总结几种常见web攻击手段极其防御方式 总结几种常见的安全算法 回顾 总结几个概念(具体描述可以看上一篇文章) 数字 ...
- web基础笔记整理(一)
一.程序的分层 1.界面层: 某种类型的应用程序 a.DOS(控制台运行) b.桌面应用程序--独立安装,独立运行 c.web类型--现在流行的 单机版:电脑上要安装,程序升级之后,电脑上也要升级-- ...
随机推荐
- java线程同步问题
Java面试当中,线程可以说是必考内容,在看面试题的时候发现一遍很全的讲解Java面试题的博客:http://blog.csdn.net/csh624366188/article/details/80 ...
- C++学习笔记--Season 1
#include <iostream> //预处理 注意:iostream不带.h int main() { std::cout << "Aloha World&qu ...
- [Delphi]检查URL是否有效的函数
function CheckUrl(url: string): boolean; var hSession, hfile, hRequest: hInternet; dwindex, dwcodele ...
- -_-#【Canvas】圆弧运动
var canvas = document.getElementById('canvas') var context = canvas.getContext('2d') var angle = 0 f ...
- Delphi 多线程 “尚未调用CoInitialize错误”的解决方法
在Delphi 多线程中出现“尚未调用CoInitialize错误”的解决方法 解决方法如下: function TMyThread.ExecTimer: Boolean;begin Resul ...
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除selec ...
- 大规模Hadoop集群在腾讯数据仓库TDW的实践
随着业务的快速增长,TDW的节点数也在增加,对单个大规模Hadoop集群的需求也越来越强烈.TDW需要做单个大规模集群,主要是从数据共享.计算资源共享.减轻运营负担和成本等三个方面考虑. 数据共享.T ...
- SQL Server优化之SQL语句优化
一切都是为了性能,一切都是为了业务 一.查询的逻辑执行顺序 (1) FROM left_table (3) join_type JOIN right_table (2) ON join_conditi ...
- 迁移ADT/ANT构建的Android项目至Gradle,a walk through。
LibModule 配置更新 9 months ago app 配置更新 9 months ago gradle/wrapper 配置更新 9 months ago screenshots ...
- Linux动态库的编译与使用
转载: http://hi.baidu.com/linuxlife/blog/item/0d3e302ae2384d3a5343c1b1.html Linux下的动态库以.so为后缀,我也是初次在Li ...