Web开发基础学习笔记整理（1）

最新推荐文章于 2022-12-03 14:20:32 发布

Mo*◑

最新推荐文章于 2022-12-03 14:20:32 发布

阅读量1.5k

点赞数 5

分类专栏： # Web开发基础文章标签： html

本文链接：https://blog.csdn.net/qq_44458489/article/details/104917621

版权

Web开发基础专栏收录该内容

16 篇文章 0 订阅

订阅专栏

《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>

效果图：

在这里插入图片描述

若想了解更多可点击本处

Mo*◑

关注

5
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
Web开发基础学习笔记整理（1）

《Web开发基础》HTML技术CSS技术JavaScript技术Java知识的体系1）JavaSE平台：Java平台的标准版 Client/Server桌面级架构的程序 Java基础+Java高级2）JavaEE平台：Java平台的企业版 Browser/Server互联网架构的程序应用HTML CSS JavaScript是属于在浏览器端Browser端使用的技术HTML...
复制链接

扫一扫