韩顺平_php从入门到精通_视频教程_第1讲_html介绍_html运行原理①_学习笔记_源代码图解_PPT文档整理

原创 2012年11月09日 21:22:30

文西马龙:http://blog.csdn.net/wenximalong/

html是web开发中基础的基础

学习目标:
1.了解html的基本概念
2.理解html的运行基本原理
3.掌握html的一些基本用法
4.能写出简单的网页


html是什么
html是超文本标记语言,主要的用处是做网页,可以在网页上显示文字、图像、视频、声音……

标记(元素),混沌(抄手)


html可以做什么
1.html可以编写静态网页
2.该静态网页可以包括文字、图形、动画、声音、表格、链接。从而构成一个个漂亮的网页。


简单说明一下动态网页的示意图:

html发展历史
1999 html--- xhtml(xhtml可以理解成是html的加强版)====>xml

2008 html 5.0


W3c的介绍
是一个制定标准的组织(比如:html,xhtml,css,xml,wml……制定标准)

html和xhtml的区别
html->xhtml->xml

html语言本身有一些缺陷(比如内容和形式不能分离,标记单一,数据不能复用等),随着xml的兴起,xml越来越受到国际认可,所以人们希望xml来弥补html的不足,但是目前成千上万的网页都是html编写的,所以完全使用xml来替代html还为时过早,于是W3c在2000年推出xhtml1.0,建立xhtml的目的就是实现xhtml向xml的过渡。


对java的程序员,前台设计要求不高
对php程序员,老板希望你什么都会做

Html的运行原理

Hello.html

<!--标注 注释-->
<html>
	<head>
		<title>hello</title>
	</head>
	<body>
		Hello,word!
	</body>
</html>

Html的运行有两种方式
1.本地运行
所谓本地运行就是直接用 浏览器打开
2.远程访问


html的基本结构
<html>
<head></head>
<body></body>
</html>

 韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录



韩顺平_php从入门到精通_视频教程_第11讲_初识css_类选择器_id选择器_html选择器_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ div+css细节 1.初始CSS 2.块元素和行内元素 3.CSS核心内容 3.1标准流 3.2盒子模型...

韩顺平_php从入门到精通_视频教程_第13讲_选择器使用细节_块元素和行内元素_盒子模型_盒子模型经典应用①_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ ①父子选择器 类选择器和id选择器都可以有父子选择器 总结: 1.父子选择器可以有多级(但是实际开发中不要...

韩顺平_php从入门到精通_视频教程_第20讲_仿sohu首页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ 对sohu页面的分析 注释很重要 经验:写一点,测试一点,这是一个很好的方法。别写完了过后,再来测试...

韩顺平_php从入门到精通_视频教程_第5讲_无序列表_有序列表_框架_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ HTML不区分大小写,但最好统一。 练习题:课程表 定义表头 和从本质上是没有区别的,但是用了会自...

韩顺平_php从入门到精通_视频教程_第14讲_盒子模型经典应用②_作业布置_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ 盒子模型——理解 我们可以把盒子模型转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也具有这些属性...

韩顺平_php从入门到精通_视频教程_第0讲_开山篇_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ 怎么讲,如何去学,学完了你可以做什么。 Html:超文本标记语言 Css:层叠样式表 Javascri...

韩顺平_php从入门到精通_视频教程_第8讲_多媒体页面_标签汇总①_地图映射_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ html其它标记 多媒体标记 我的电影网站 参照清华大学的html...

韩顺平_php从入门到精通_视频教程_第15讲_di-css作业评讲①_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ 作业1 home1.html 作业1 ...

韩顺平_php从入门到精通_视频教程_第3讲_符号实体_url说明_超链接_发送电邮_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ html符号实体 在网页上显示一些特殊的符号,我们需要使用html的符号实体,有些人把它称为字符实体。 为在...

韩顺平_php从入门到精通_视频教程_第16讲_div-css作业评讲②_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ 案列一 home1.html 作业1 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:韩顺平_php从入门到精通_视频教程_第1讲_html介绍_html运行原理①_学习笔记_源代码图解_PPT文档整理
举报原因:
原因补充:

(最多只允许输入30个字)