Java网络 Day01 2020-04-21

内容

1.网络阶段学习思路与内容介绍
2.简单地搭建一个网页

一.网络阶段学习思路与内容介绍

Java网络 Day01 2020-04-21_第1张图片
网络阶段学习思路与内容介绍

Java网络 Day01 2020-04-21_第2张图片
网络阶段学习思路与内容介绍

二.简单地搭建一个网页

1.知识点

(1)网页结构








(2)head

①和里面的内容是网页的名称,注意名称要被包围
比如下面这个例子

Java网络 Day01 2020-04-21_第3张图片
head

那么打开网页的时候,就会看到
Java网络 Day01 2020-04-21_第4张图片

是解决编码问题。如果不在title上面写上这一行的话,就会出现
Java网络 Day01 2020-04-21_第5张图片

(3)body

body里面就是内容了。这一块内容就比较多了,比如

①设置背景图片

注意要在第一个body里面加。url里面的就是与网站同路径下的图片名称(全名)

②标题

标题(Heading)是通过

-
标签进行定义的。

定义最大的标题。

定义最小的标题。

 

安卓开发

注意:opacity是设置不透明级别,1就是完全不透明,0就是全透明。比如我设置0.5(半透明),就是这个效果

opacity

③段落

段落是通过**

** 标签定义的。比如

这是一个段落


这是另一个段落

再比如

  

安卓开发贼牛

注意:margin-left是离页面左端的距离

就会出来这样的效果


④分块

标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
元素经常与 CSS 一起使用,用来布局网页
默认情况下,浏览器通常会在
元素前后放置一个换行符。当然,也可以通过使用 CSS 改变这种情况。

比如

视频点击进入百度网页

这是视频的具体描述内容

姓名 

密码 

解释:
Ⅰ:最上面的width整个块整个宽度的百分之多少,比如我写100%那就是这样的

Java网络 Day01 2020-04-21_第6张图片

而如果我写成80%,那就会变成下面这样
Java网络 Day01 2020-04-21_第7张图片

Ⅱ:controls="controls":是显示视频的相应按钮,否则视频就只会变成一个图片(只有一帧),而加上这个之后,就会有如图所示按钮
Java网络 Day01 2020-04-21_第8张图片

Ⅲ:

视频点击进入百度网页

这个功能是链接到相应网站,效果在上图已有

(2)代码

其他的都很简单,这里把代码拿过来,就不多做解释了


       
            
            我的第一个网页
       
       
       
                  

安卓开发

安卓开发贼牛

视频点击进入百度网页

这是视频的具体描述内容

姓名 

密码 

(3)效果

网页

总结

今天学的内容我很感兴趣,关于html这一块我暂时先不求多,不求高大上。虽然很多知识很简单,但是只是看起来简单,还是不会敲。所以明天打算再自己设计一个网页,从而能够复习今天学的知识。

你可能感兴趣的:(Java网络 Day01 2020-04-21)