一、认识浏览器

  1. 浏览器就是接收浏览着的操作，然后帮浏览者去web服务器请求网页内容(html格式返回),然后展现成人眼能够看得懂的可视化页面的软件。
  2. IE==浏览器?IE是浏览器的一种，还有Firefox、Opera、Chrome等，注意遨游浏览器、搜狗浏览器、360浏览器等并不是独立于IE的浏览器，其内核还是IE内核，只不过是换了一个外壳而已。

二、HTML编程

  1. html全称：Hypertext Markup Lanuage，超文本标记语言。
  2. 版本历史：html1.0 1993年6月发布，html2.0 1995年发布，html3.2 1996年发布，html4.0 1997年发布，html 4.01 1999年发布，html5 目前仍未草案。
  3. html特点;简易性，可扩展性和平台无关性。

三、XHTML和html区别

  1. html的语法要求比较松散，对于网页编写者来说比较方便，但是对于机器来说就比较麻烦，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，如手机，难度就比较大，因此产生了DTD定义规则，语法要求更加严格的xhtml。
  2. xhtml的目标是取代html，xhtml是更严格更纯净的html版本，它与html4.01几乎是相同的。

四、html运行步骤

 

  1. 客户端在浏览器里面输入网址，向服务端发送请求。
  2. 服务端将客户端发送来的请求交给iis处理（网站部署在iis上）。
  3. iis响应服务端的请求，以html的形式返回给客户端。

五、html编辑

  1. html文件以.html或.htm结尾。
  2. 一个完整的页面文件包括：文件声明部分和正文部分。
  3. 声明部分：目的是告诉浏览器使用相应的方式加载并显示该网页

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  1. 正文部分：代表实际的web页面内容

<html><head></head><body></body></html>

六、html语法

  1. 标签：带有特殊含义的网页标记元素，格式：<开始标记>标记体</结束标记>，如<p>你好</p>。
  2. 特点：不区分大小写。
  3. 分类：双标签 如<p>你好</p>，标签式成对出现。单标签 如<br/>
  4. 属性：用于定义标签的属性特征，格式：<开始标签 属性="属性值">标签体<结束标签>，如<font color="red">你好</font> 。

七、html的注释

  1. <!--我的注释-->
  2. /*我的注释*/

八、头部标签

  1. <meta>标签

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/>指定网页编码

<meta http-equiv="Refresh"content="3" /> 三秒钟后刷新此网页

<meta http-equiv="Refresh"content="3;url=http://www.rupeng.com" /> 三秒钟后重定向到新网页。发     帖成功后提示“发帖成功，即将转向帖子查看页面”

<meta http-equiv="Cache-Control"content="no-cache" /> 禁止浏览器缓存页面

九、文本标签

  1. 标题标签（h1~h6）
  2. 段落标签（p）
  3. 段落缩进标签（blockquote）
  4. 上下标签（sup、sub）
  5. 换行（br）
  6. 线条(hr)
  7. 文本列表(ol、ul)
  8. 字体标签(font)
  9. 行内标签(span)

10.表格标签(table、tr、td)

软谋在线教育，最适合大学生、上班族的在线软件培训，主要教授asp.net动态网站制作，yy教育房间远程实时授课，每节课录制成高清视频课后分享，老师白天八小时全职在线辅导，不懂就问。加qq群：138800420 即可免费试听。

扫描以下二维码或者加微信号：ruanmou001即可加入软谋在线教育微信公众平台

web开发学习之旅---html第一天的更多相关文章

  1. web开发学习之旅---css第一天

    一.css全称 Cascade Style Sheet层叠样式表 二.css引入方式 行内样式:<h2 style="color:#0F0">Hello World&l ...

  2. web开发学习之旅

    过段时间要去实习,提前问了下老师我要准备哪些知识. 2015年3月19日,老师告诉我的,ionic Framework,Yii Framework,AngularJS,还有一些前端开发知识. 我除了听 ...

  3. web开发学习之旅---html第二天

    一.转义符 一些字符在html中拥有特殊的含义,比如小于号(<)用于定义 HTML 标签的开始.如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入转义符. 分类 二.html ...

  4. 【前端】移动端Web开发学习笔记【1】

    下一篇:移动端Web开发学习笔记[2] Part 1: 两篇重要的博客 有两篇翻译过来的博客值得一看: 两个viewport的故事(第一部分) 两个viewport的故事(第二部分) 这两篇博客探讨了 ...

  5. ASP.NET Core Web开发学习笔记-1介绍篇

    ASP.NET Core Web开发学习笔记-1介绍篇 给大家说声报歉,从2012年个人情感破裂的那一天,本人的51CTO,CnBlogs,Csdn,QQ,Weboo就再也没有更新过.踏实的生活(曾辞 ...

  6. 我的Java开发学习之旅------>Java 格式化类(java.util.Formatter)基本用法

    本文参考: http://docs.oracle.com/javase/1.5.0/docs/api/java/util/Formatter.html http://www.blogjava.net/ ...

  7. 【Java Web开发学习】Spring MVC异常统一处理

    [Java Web开发学习]Spring MVC异常统一处理 文采有限,若有错误,欢迎留言指正. 转载:https://www.cnblogs.com/yangchongxing/p/9271900. ...

  8. web前端学习之旅笔记01--HTML

    web前端学习之旅笔记01--HTML HTML最容易上手,但也易忘,实际开发中有时需要查阅官方文档,小伙伴们别忘了哟! HTML 教程 (w3school.com.cn) HTML是网页的骨架负责页 ...

  9. 【前端】移动端Web开发学习笔记【2】 & flex布局

    上一篇:移动端Web开发学习笔记[1] meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 最佳实践 ...

随机推荐

  1. Centos 6.5升级安装Git

    安装需求 # yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel# yum install gcc pe ...

  2. linux | mac 设置远程主机别名

    管理几台不同的服务器,要上线,发布,测试, 每次输入 ip 感觉好傻. 在 ~/.ssh/ 目录下如果有config 文件,修改一下就好,如果没有,创建一个. # vim ~/.ssh/config ...

  3. 【HTML】Beginner7：Image

    1.Image     The web is not just about text,it is a multi-media extravaganza and the most common form ...

  4. Hadoop框架下MapReduce中的map个数如何控制

    控制map个数的核心源码 long minSize = Math.max(getFormatMinSplitSize(), getMinSplitSize(job)); //getFormatMinS ...

  5. POJ1155 - TELE(树形DP)

    题目大意 电视台要直播一场比赛,电视网络刚好形成了一棵树,其中有M个为客户端,其他的为中转站,其中中转站与中转站以及中转站与客户端之间连接都需要一定费用,每个客户i愿意支付pay[i]元钱,问电视台在 ...

  6. vim 设置 swap file， 防止 同一个文件同时被多次打开，而且有恢复的功效

    在.vimrc里加入:   set swapfile   即可以使能swap file, swapfile的名字一般是      .filename.swp    (如     .doc.txt.sw ...

  7. .NET版本问题 转[.Net Framework Initialization Error – Unable to find a version of the runtime to run this applicatio]

    转自:http://blog.csdn.net/rrrrssss00/article/details/7069009 dev注册程序问题部署一个VS2010开发的程序时遇到 了一个非常奇怪的问题,客户 ...

  8. 巧用MySQL之Explain进行数据库优化

    前记:很多东西看似简单,那是因为你并未真正了解它. Explain命令用于查看执行效果.虽然这个命令只能搭配select类型语句使用,如果你想查看update,delete类型语句中的索引效果,也不是 ...

  9. 多目标遗传算法 ------ NSGA-II （部分源码解析） 非支配排序、分层 rank.c

    /* Rank assignment routine */ # include <stdio.h> # include <stdlib.h> # include <mat ...

  10. 准备开一个地图SDK的开源项目

    最近有点空闲时间了, 准备开一个地图SDK的开源项目, 现在的地图SDK已经有很多了, 再做一个跟重新发明个轮子差不多, 但还想做的原因是想在别的轮子的基础上造个轮子... 初步设想是基于开源的地图渲 ...