#001 HTML快速入门讲解

整理了下最早开始学习技术的笔记 


3W1H学习法? (其他技术同理)

What   HTML是什么?
When  什么时候使用HTML?
Why    为什么使用HTMl?
HOW  怎么使用HTML?

Web开发

一. Web前端开发

(界面的,浏览网页,打开手机软件(APP),所有你能直接看到的,就属于前端)
  •   HTML: 超文本标记语言  =》人
  •   CSS: 层叠样式表           =》衣服
  •   JavaScript:                      =》动作导演
  •    Ajax                                =》 与后端进行交互(异步的)
(异步的,例子:点菜的例子,顾客A和顾客B点菜。【同步就是:顾客B只能等 顾客A 的菜上完了,才能点菜。  异步就是:顾客A,顾客B都可以同时点,谁先好了,谁先上。】)
 
知识扩展
Java 和 JavaScript 是没有关系的,JavaScript的由来
网景 LiveScript->JScript
-->SUN JavaScript 

二. Web后端开发(数据处理,数据访问)

比如:前端展示的页面,很多数据是动态的,就是可能会改变。 数据存在数据库,然后后端开发,就是把数据从数据库拿出来,然后给前端使用。
   1. ASP.NET | JSP/....| PHP | NodeJS
   2. DB : SQL Server| DB 2| Oracle | MySQL

HTML:超文本标记语言
干嘛的:做网页的! 
html 120多个标签
规范:
<标记 | 元素   属性="值"  属性="值"...> 内容 </元素>

这个规范谁定的。
---------------W3C----万维网联盟 ---------
HTML不区分大小写,但是标签最好小写

<html>
<head>
<title>我的第一张网页</title>
        </head>
<body>
我爱HTML!
</body>
</html>

编辑工具介绍:
  1. 建议入刚入门使用 DW 【各种智能提示,完全不用记标签名,以及属性】
  2. 熟悉了之后,使用 Sublime Text 3 【小巧,轻便,Emmet,代码快速生成】
  3. 当然你想使用记事本,也是可以的。HTML说白了只要在浏览器中查看就行,你用什么编写无所谓。
 
动态网页技术需要用到什么技术:
DHTML=HTML+CSS+JS 动态网页设计


大概的基本相关知识介绍完了,开始讲解HTML。
 
HTML中最重要的是什么?
是标签。也叫元素,HTML标签有 120 多个,有点多。 但是实际开发中,经常使用的并不是很多。
 
这里罗列一下常用的标签
标签有两种,行内元素,块级元素
行内元素:每个元素,本身多大就占多大
块级元素:每一个元素占一行

 
行内元素常用的有:
 span , br , img ,input ,label ,select ,textarea 
块级元素常用的有:
 div , p ,form ,ul ,li ,form , hr , table , h1~h6 , pre
 
注意一点:在 HTML中, 【文字         文字】,写代码,命名两个 “文字” 中间间隔很长,但是展示的时候,只有一个 空格。这个是HTML里面规定的,不管中间间隔多少个空格,只展示一个。
当然可以用 CSS控制, 或者用 &nbsp;  来代替空格
 
 
 
上面的元素如何使用,请自行百度看文档。 或者去 w3cschool 上面实践一遍


快速讲解:

一、超链接   a  

1. 内部链接:  <a href="XXX.html">文字链接</a>
2. 外部链接:<a href="http://www.sina.com.cn">文字链接</a>
3. 邮箱:   <a href="mailto:....."></a>
4. 跳到自己页面的某个部分
   出发地:<a href="#XXX"></a>
   目的地:<a name="XXX"></a>

二、表格  table

  1. table  表格  【和Excle表格一样的思想】
  2. tr  行
  3. td 每一个单元格
 
 





posted @ 2016-03-12 16:10  那年、仲夏  阅读(355)  评论(0编辑  收藏  举报