《Web开发基础》
- HTML技术
- CSS技术
- JavaScript技术
Java知识的体系
- 1)JavaSE平台:Java平台的标准版 Client/Server桌面级架构的程序 Java基础+Java高级
- 2)JavaEE平台:Java平台的企业版 Browser/Server互联网架构的程序应用
- HTML CSS JavaScript是属于在浏览器端Browser端使用的技术
- HTML 一个HTML就是一个网页,主要是显示一个网页(页面)中的内容(在网页中看到的文字、图片、超链接等)
- CSS 叫样式,用来美化HTML页面的。
- JavaScript 完成一个页面中的动态交互效果(图片放大、内容的验证等等)
HTML
HTML是一种标记语言,HTML的全称:Hyper Text Markup Language,超文本标记语言。
学习HTML主要是在学习标记。
HTML主要负责一个页面的内容,实现页面中的图片、链接、按钮、列表、输入框等。
- 1)创建第一个HTML页面
java程序:xx.java HelloWorld.java
world文档:xx.doc
文本文档:xx.txt
图片: xx.jpg xx.png
HTML页面: xx.html - 2)HTML页面的标准结构
- (1)版本信息,了解,不用自己写,一般用工具创建页面的时候会自动生成
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- (2)页面的头
- (3)页面的体
---------------------------------
版本信息.....
<html>
<head>xxxxx</head>
<body>xxxxx</body>
</html>
---------------------------------
-
3)HTML中的几个专业术语
- (1)标记,也叫标签,是尖括号<>包围的单词,很多标记都是成对出现的,一个叫
开始标记<??>,一个叫结束标记</??>。 - (2)元素:每一对尖括号包围的部分,元素由三部分构成的:
开始标记+内容+结束标记=xx元素 - (3)属性:用来修饰元素中的内容,通常属性写在开始标记里面。
- (1)标记,也叫标签,是尖括号<>包围的单词,很多标记都是成对出现的,一个叫
-
4)注释:
<!-- 注释的内容 -->
注释的作用:在页面中添加,给代码做提示,说明用的,不会被执行。 -
5)HTML中常用标记
- 一、写在
<head>
中的标记- (1)
<title>
标记:设置页面的标题 - (2)
<meta>
标记:
a 设置页面自刷新
b 设置页面中文的编码
- (1)
- 二、写在
<body>
中的标记
- 一、写在
代码部分:
<html>
<head>
<!-- 设置页面的标题 -->
<!-- 以为从<title>后面所有的都是<title>内容 -->
<!-- <title>百度一下,你就知道<title> -->
<title>百度一下,你就知道</title>
<!-- 设置页面的自刷新 -->
<!-- refresh表示自刷新;2表示刷新的时间间隔,秒 -->
<!-- 单标记,既表示开始标记,又表示结束标记 -->
<meta http-equiv="refresh" content="2" />
<!-- 演示自刷新效果的 script标记用于写JavaScript代码 -->
<!-- alert 弹出一个提示框
<script>
alert("hello");
</script>
-->
<!-- 设置页面中文的编码 -->
<!-- 一般互联网采用的都是用UTF-8,设置的和文本编译器一致-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body style="color:red;font-size:40">
你好,欢迎学习HTML标记语言
<!-- 我是注释,能看到我吗? -->
</body>
</html>
效果图: