您的位置：首页 > 编程语言 > Python开发

Python 17.2 HTML简介

2016-02-17 14:21 519 查看

HTML简介
网页就是HTML？这么理解大概没错。因为网页中不但有文字、图片、视频、Flash游戏，有复杂的排版、动画效果，所以，HTML是一套语法规则，来告诉浏览器如何把一个丰富多彩的网页展示出来。

HTML长什么样？新浪的首页的HTML源码有6000多行！
所以，学HTML就不能从新浪首页开始了。我们来看看简单的HTML长什么样:
<html>
<head>

<title>Hello</title>

</head>
<body>

<h1>Hello,world!</h1>

</body>
</html>
可以使用文本编辑器编写HTML，然后保存为hello.html，双击或者把文件拖拽到浏览器中，就可以看到效果:

HTML文档就是一系列Tag组成，最外层的Tag是<html>。规范的HTML也包含<head>...</head>,<body>...</body>(注意不要和HTTP的Header和Body搞混)，由于HTML是富文档模型，所以，还有一系列Tag表示图片、链接、表格、表单等等。

CSS简介

CSS是Cascading Style Sheets（层叠样式表）的简称，CSS用来控制HTML中所有元素如何展现，比如，给标题元素<h1>加一个样式，变成48号字体，灰色，带阴影:

<html>
<head>
<title>Hello</title>
<style>
h1{
color : #333333;
font-size :48px;
text-shadow:3px 3px 3px #666666;
}
</style>
</head>
<body>
<h1>Hello,World!</h1>
</body>
</html>
效果如下:

JavaScript简介

JavaScript虽然有个Java，但是和Java一点关系没有。JavaScript是为了让HTML具有交互性而作为脚本语言添加的，JavaScript既可以内签到HTML中，也可以从外部链接到HTML中。如果我们希望用户点击标题时标题变为红色，就必须通过JavaScript实现:
<html>
<head>
<title>Hello</title>
<style>
h1{
color : #333333;
font-size :48px;
text-shadow:3px 3px 3px #666666;
}
</style>
<script>
function change(){
document.getElementsByTagName('h1')[0].style.color = '#ff0000';
}
</script>
</head>
<body>
<h1 onclick ="change()">Hello,World!</h1>
</body>
</html>

小结:
如果要学习Web开发，首先要对HTML、CSS和JavaScript做一定的了解。HTML定义了页面的内容，CSS控制页面元素的样式，而JavaScript负责页面的交互逻辑。
讲解HTML、CSS和JavaScript就可以写3本书，对于优秀的Web开发人员来说，精通HTML、CSS和JavaScript是必须的。
当我们使用Python或者其他语言开发Web应用时，我们就是要在服务器端动态创建出HTML，这样浏览器就可以向不同的用户显示不同的Web页面。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： HTML JavaScript CSS

相关文章推荐

新的分享

章节导航