Web开发基础学习笔记整理(1)

《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)属性:用来修饰元素中的内容,通常属性写在开始标记里面。
  • 4)注释:
    <!-- 注释的内容 -->
    注释的作用:在页面中添加,给代码做提示,说明用的,不会被执行。

  • 5)HTML中常用标记

    • 一、写在<head>中的标记
      • (1)<title>标记:设置页面的标题
      • (2)<meta>标记:
        a 设置页面自刷新
        b 设置页面中文的编码
    • 二、写在<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>

效果图:
在这里插入图片描述
在这里插入图片描述

发布了53 篇原创文章 · 获赞 33 · 访问量 1241

猜你喜欢

转载自blog.csdn.net/qq_44458489/article/details/104917621