入门到入?"/>
Java Web 开发 从入门到入?
Java Web 开发 学习记录一
Web 前端基础
标题
这是一个知识点
- Java Web 开发 学习记录一
- Web 前端基础
- 前言
- 一、HTML相关介绍
- 二、HTML
- 1.HTML文件的基本结构
- 2.常用的标签
- 标签:
- 一个实例:
- 总结
前言
从零开始的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>
元素。
标签:
1.标题:标题有6个级别,从<h1>
到<h6>
字号逐渐变小。
语法格式:
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
2.段落:<p>
段落内容</p>
语法格式:
<p align="对齐方式">段落内容</p>
属性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>
总结
咕咕咕更多推荐
Java Web 开发 从入门到入?
发布评论