Java Web 开发从入门到入？

最新推荐文章于 2024-08-17 00:07:06 发布

盖世嘤雄嘤嘤嘤

最新推荐文章于 2024-08-17 00:07:06 发布

阅读量194

点赞数

文章标签： html

本文链接：https://blog.csdn.net/SaltedFishB/article/details/109336751

版权

Java Web 开发学习记录一

Web 前端基础

标题

这是一个知识点

Java Web 开发学习记录一
- Web 前端基础
前言
一、HTML相关介绍
二、HTML
总结

前言

从零开始的Web开发生活。快学完一本书了，感觉自己还是菜的抠脚，什么都不会的样子，嗯…准备从头开始，复习并巩固一下自己的知识，顺便完成一下老师要求的博客任务（可能这才是重点嘿嘿嘿）。话说是不是所有老师都一样，都要求学生去写博客来着…

正式开始

一、HTML相关介绍

HTML的英文全称是 HyperText Markup Language,即超文本标记语言，它是Internet上用于编写网页的主要标记语言。
HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W.Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX，
=Windows等)。使用HTML语言，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。
HTML是用来标记Web信息如何展示以及其他特性的一种语法规则，是基于更古老一些的语言SGML定义，并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据，所以很早就得到各个Web浏览器厂商的支持。
HTML历史上有如下版本：
①HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
②HTML2.0：1995年11月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。（RFC是什么我又忘了，记下来后面查查看）
③HTML 3.2：1997年1月14日，W3C推荐标准。 （W3C又是啥，知识点，记下来）
④HTML 4.0：1997年12月18日，W3C推荐标准。
⑤HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。（4.0到4.01这个微小改进我很好奇到底改了什么，知识点）
⑥HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。
（都是书上没有的知识点，学到了学到了）

二、HTML

1.HTML文件的基本结构

一个完整的HTML文件由各种元素和标记组成，包括：标题、段落、表格、文本、超链接等。

代码如下（熟悉的环节）：

<html>
	<head>
		...
	</head>
	<body>
		...
	</body>
</html>

<html>...</html>:HTML文件开始与结束的位置。
<head>...</head>:头部标记。
<body>...</body>:主体区域，网页要显示的内容都放在这里。

2.常用的标签

常用的HTML标签简单分为四种：

单一型+无设置值：例如<br>代表换行
单一型+有设置值：例如<hr color="red">代表章节、文章或其他长内容中段落之间的分隔符
对称型+无设置值：例如<title>...</title>定义文档的标题，将显示在浏览器的标题栏或标签页上,该元素只能包含文本，包含的标签不会被解释。
对称型+有设置值：例如<body bgcolor="red">...</body>代表 HTML文档的内容。在文档中只能有一个 <body> 元素。

属性align能设置段落中文字的对齐方式，有左、右对齐和居中显示，对应的值分别为 left、right 和 center。
3.滚动(marquee)：文字滚动，啊~这个标签…让我想起了：澳门XXX…性感荷官，在线发牌…
常用属性有：
滚动方向（direction：up/ down/ left / right）
滚动方式（behavior：scroll循环滚动/ slide只滚动一次/ alternate来回交替滚动）
滚动次数（loop：值是整数）
滚动速度（scrollamount：像素为单位）
滚动延迟（scrolldelay：毫秒为单位）
背景颜色（bgcolor）、宽度（width）和高度（height）。
语法格式：

<marquee direction="left" behavior="scroll">
滚动的文字
</marquee>

4.字体（font）：规定文本的字体(face)、字体尺寸(size)、字体颜色(color)。
PS：现在都是使用样式表CSS来代替了它的工作，不推荐用 <font>来定义文本的字体、字体颜色、字体尺寸。
语法格式：

<font color="white" size="6">文字</font>

一个实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>诗朗诵</title>
</head>
<body>
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4 align="justify">四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
	<p align="center">《赠汪伦》<br>
		<font size="2">李白</font><br>
		李白乘舟将欲行，<br>
		忽闻岸上踏歌声。<br>
		桃花潭水深千尺，<br>
		不及汪伦送我情。<br>	
	</p>
	<marquee direction="left" behavior="scroll" bgcolor="green" width="1200" height="50">
		<font color="white" size="6">性感荷官，在线发牌</font>	
	</marquee>
</body>
</html>