HTML入门笔记
来源:互联网 发布:星球基地 mac版 编辑:程序博客网 时间:2024/05/29 01:54
第一阶段 Lesson1 HTML 1
² 什么是HTML? CSS? Javascript? 1
² HTML最基本的知识: 2
1. HTML最基本的格式: 2
2. HTML的基本元素及使用方法,作用 3
² 走马灯效果 4
² 知识普及(CRM,ERP,MIS) 4
² web开发(前端,后台) =>(最好成)web解决方案 5
² 未来软件开发的趋势: SAAS :soft as a service 软件就是服务 5
第一阶段 Lesoon 2 表格,表单,框架 6
² 表格,表单,框架(table,Form,frameset) 7
² 不用表格布局的原因?(加载速度慢) 8
² 表格如何随窗体的大小变化而变化?(还不懂,涉及到JS) 8
第一阶段 Lesson1 HTML
今天培训上课的是关于HTML的知识.
² 什么是HTML? CSS? Javascript?
1. HTML是超文本标记语言,是用来构成网页开发的最基本的东西, 它相当于一个没穿衣服的人.
2. CSS(层叠样式表)的作用相当于人的衣服
3.JavaScript(脚本编程语言)相当于一个动作导演,一个人不仅要穿衣服,还要有一些动作才能让这个人看起来更生动
² HTML最基本的知识:
首先,我们要知道HTML中有120个 元素|标记语言,而常用的就没有那么多了.我们近期的目标就是能手写代码,当然等你熟悉了,那个就可以用DW工具来写了. 每个公司规定写HTML的格式可能不一样,比如要求每一级空两格空格而不是一个tab,还有大小写也有规定, 现在在以恒教育中规定是: 全部用小写
1. HTML最基本的格式:
<html>
<head> ---头部
<title> 内容</title>
</head>
<body> ---主体
</body>
</html>
2. HTML的基本元素及使用方法,作用
HTML元素及使用方法
作用
<font size="xxx" color="red"> xxxxxxxxx </font>
字体元素
<p> xxxxxx </p>
段落
<b> xxx<b/>
加粗
<i> xxx</i>
斜体
<ol>
<li> xxx </li>
<li> xxx </li>
</ol>
-----------------------------------------------------
<ul>
<li> xxx </li>
<li> xxx </li>
</ul>
1 aaa
2 bbb
3 ccc
· aaa
· bbb
ccc
<img src="URL" width="xxx" height="xxx" alt="xxx"/>
图片
4 <a href="http://网址" > xxx </a>
5 <a href="mailto:邮箱"> xxx</a>
6 <a href ="#name"> xxx</a>
<a href="xxx.html"> xxx </a>
7 超链接
www.baidu.com
8 mailto:zhongxia@qq.com
9 #top
index.html
² 走马灯效果
JavaScript
作用
<marquee direction="up/left/right">
xxxx
</marquee>
默认从左边一直移动,可以自己设置
<marquee onmouseover="this.stop"></marquee>
<marquee onmouseout="this.start"></marquee>
当鼠标经过xxx上方,就停止,
离开上方就继续移动
² 知识普及(CRM,ERP,MIS)
CRM:客户关系管理系统
ERP:企业资源管理(定位)系统
eg:用友/金蝶/管家婆/联想/HP
MIS:企业微型软件系统
eg:QQ,自己开发的软件
² web开发(前端,后台) =>(最好成)web解决方案
web前端开发(界面)
web后台开发(数据处理和访问)
HTML
CSS
JavaScript
PS(*)
ASP.NET | JSP/..|PHP
DB: SQL Server | DB2 | Oracle
web Service
² 未来软件开发的趋势: SAAS :soft as a service 软件就是服务
eg:来电显示
第一阶段 Lesoon 2 表格,表单,框架
² 表格,表单,框架(table,Form,frameset)
<table>
<tr colspan="2">
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
表格的格式
以前的话,08年之前主要都是用表格来布局的
但是表格布局有一个很大的缺点
缺:要等所有的表格加载出来才能显示出来
优点:就是简单,可以做的很精细
合并行就看单元格最上面的行在哪里就在哪一行合并row行
col列
<form action="服务器" method="post/get选一个">
用户名:<input type="text" />
<br/>
密码:<input type="password" />
<br/>
性别:<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女
<br/>
<input type="checkbox" name="ah" checked/>web开发 <input type="checkbox" name="ah"/>HTML
<br/>
<select>
<option selected> 无经验 </option>
<option> 一年经验 </option>
</select>
<input type="reset" value="不同意"/>
<input type="submit" value="同意"/>
</form>
这个是一个表单.表单的掌握只要差不多这样就差不多了.
post 传输是加密的,
get 传输是明文的
单选框中Name要一样才能实现单选的效果
复选框的name也要一样
checked
seleceed
是默认选那个选项的意思
reset / submit要出效果,要把Reset/submit放在Form中
<frameset cols="20%,*">
<frame src="top.html"/>
<frameset rows="20%,*"/>
<frame src="left.html">
<frame src="main" name="main"/>
</frameset>
</frameset>
框架
可以嵌套着使用,
懂得分割..然后具体问题具体分析
² 不用表格布局的原因?(加载速度慢)
以后布局通常用的是DIV+CSS因为这个布局有一个表格布局没有的好处就是加载的速度比较快.是一部分一部分加载的.而表格是全部加载完才能小时出来的
² 表格如何随窗体的大小变化而变化?(还不懂,涉及到JS)
表格的使用要注意表格的单元格会随单元格里面的东西的大小而随之改变,所以,在td中有时候要用width来固定它的大小,不过有时候width不起作用,暂时不懂为什么。
- HTML入门笔记
- HTML入门笔记
- HTML入门笔记
- HTML入门笔记
- html 入门笔记
- HTML入门学习笔记
- HTML入门笔记
- HTML学习笔记-入门
- Html入门笔记整理
- HTML 入门基础笔记
- 【JavaWeb笔记】HTML入门
- HTML入门学习笔记--认识HTML(1)
- HTML入门笔记1-HTML介绍
- HTML入门笔记16-HTML相对链接
- HTML入门笔记21-HTML定义列表
- HTML入门笔记24-HTML表格举例
- Html学习笔记(入门)
- html入门的笔记总结
- test_title_35
- test_title_36
- test_title_37
- test_title_38
- test_title_39
- HTML入门笔记
- 在Excel表格中快速定位的方法
- C# 文件操作详解(三)Directory类
- cocos2dx新研发的游戏,手机运行时非常热
- 有关字符设备的数据结构
- http关于图片压缩直接上传问题(采用mina包)
- IOS中Json解析的四种方法
- 关于gcc、glibc和binutils模块之间的关系
- 使用git建立远程仓库,让别人git clone下来