web前端之HTML

  1、HTML:超文本标记语言,是由一些标签组成,主要是记住一些常用的标签;
 
  2、CSS:样式,简答的CSS样式要会写,并且可以看得懂别人的CSS代码;
 
  3、JavaScript:可以完成一些简单的逻辑功能,会有许多js框架;
 
  以上三部分就组成了BS架构的B,不需要编译,直接在浏览器打开就运行;
 
  1、两种系统结构
 
  B/S架构:browser/server 浏览器-服务器交互形式;browser支持的语言:web前端语言,包括HTML CSS JavaScript ,?由web前端开发工程师开发;前端页面上的图片需要UI设计师来完成server端的语言很多,有C语言 C++ Java Python?B/S架构的优点和缺点:
 
  优点:升级方便,只升级服务器代码即可;
 
  缺点:速度慢(需要从服务器加载数据,有延迟) 体验不好 页面不炫酷
 
  企业内部的解决方案都是采用BS架构的系统,因为企业内部办公需要的一些系统不需要炫酷,不需要特别好的用户体验,只需要能够数据的增删改查即可。且企业内部更注重维护成本;
 
  代表:京东 百度 天猫C/S架构:client-server 客户端-服务器交互形式
 
  缺点:升级麻烦,维护成本高
 
  优点:速度快,体验好,界面炫酷;
 
  代表:QQ 微信 支付宝…
 
  2、 准备安装软件
 
  浏览器:Chrome、Firefox、IE,浏览器之间存在兼容问题,开发软件:Dreamweaver
 
  3、什么是HTML?怎么开发HTML?怎么运行HTML?
 
  HTML:hyper Markup language-超文本标记语言,由大量的标签组成,每一个标签都有开始标签和介绍标签。如下:
 
  超文本就是流媒体、图片、声音、视频……HTML开发的时候使用普通的文本编辑器就行,创建的文件扩展名是。html 或者。htm,HTML也有专业的开发工具,如Dreamweaver、HBuilder直接采用浏览器打开HTML文件就是运行
 
  4、HTML时谁定制的?—W3C:世界万维网联盟
 
  W3C地址了HTML的规范,每个浏览器生产厂家都会遵循规范。HTML程序员也会按照这个标准规范去写代码。HTML规范目前最高的标准是HTML5.0,简称H5。我们这里学习HTML4.0,主要是学习HTML的基础用法;
 
  5、第一个HTML程序
 
  6、基本标签:
 
  7、三个常用的实体符号:? 大于 小于 空格
 
  8、表格:
 
  9、背景颜色和背景图片:
 
  10、超链接 a标签 <a></a>
 
  文字超链接图片超链接热连接 href属性 hot referrencerequest:浏览器请求response:服务器响应超链接的作用:通过超链接可以从浏览器向服务器发送请求;BS系统中每个请求对应一个相应;超链接和输入URL本质上没有任何区别;
 
  11、列表
 
  有序列表? ol—order list? li—list
 
  无序列表 ul–unorder list
 
  12、?form表单标签—–数据的提交
 
  接收用户的信息,如登录界面;用户输入一条数据,服务器通过insert语句将用户的信息录入数据库;
 
  action用来指定数据提交给哪个地址,和超链接中的href属性一样,都可以向服务器发送请求;
 
  submit按钮和超链接没有什么区别,不过在跳转页面时可以携带数据;有属性name才可以提交;提交数据的格式:url?name=value&name=vulue,数据格式是属于http协议的内容,只有符合这样的格式才可以提交数据;
 
  表单往服务器上提交数据的格式是 name = value ,只有写了属性name时,才可以往数据库提交数据;当name没有写时,改项input不会提交个服务器;当value没有写时,会将空字符串提交到服务器;
 
  13、案例:用户注册的表单
 
  性别,同一个name时,只能有一个value;method属性;
 
  post:提交的数据不会在浏览器地址栏上显示出来
 
  get:会在地址栏上显示提交的信息
 
  method属性不指定,或指定get,这种情况是get;指定post时,method才是post;? 下拉列表支持多选
 
  file控件,点击可以提交文件,用于上传文件;
 
  form表单的 readonly 和 disabled
 
  readonly:只读,不可以改写value的值,可以提交;
 
  disable:只读,不可以改写value值,不可以提交;form的maxlength属性:表示最多输入的char数量;
 
  14、HTML文档中节点的id属性——JavaScript打下基础
 
  在HTML文档中,任何元素都有id属性,元素也叫节点,比如body节点,title节点;id属性是改节点的唯一标识,是节点的“身份证号码”所以在同一个HTML文档中, id值不可以重复;id的作用:JavaScript语言可以对HTML文档中的任意节点进行增删改查操作,从而实现一种动态的效果,而通过id属性可以更快的获得节点;把HTML文档看成是“一棵树”,每一个节点都有唯一的id,这棵树叫DOM数;
 
  15、div和span
 
  div和span是什么?
 
  div和span都可以称为“图层”
 
  图层就是一个一个的盒子,div嵌套div就是盒子嵌套盒子
 
  div是可以定位的,只要定下div左上角的X轴和Y轴即可;div和span有什么用?——div和span的作用是布局,图层的作用是为了保障页面可以灵活的布局;其实最早的网页是通过table来布局的,但是table不灵活,比较死板,故放弃使用table来布局了;

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61674.shtml

张贴在2