【黑马程序员】Javaweb跟我来基础篇01

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

【黑马程序员】Javaweb跟我来基础篇01

大家好,从今天开始,咱们来聊一聊JavaWeb这块的知识。很多哥们在学习JavaWeb这阶段知识的时候,处于一种懵逼状态,因为内容很多,但是分不清主次,分不清重点,所以学起来很吃力,不过没关系,从今天开始,我就来带着大家一点一点的学习JavaWeb这阶段的最简单最入门的知识。

整体JavaWeb知识体系一般都是分为30节的内容,咱们今天先来看看第一节需要知道知识点,HTML。关于HTML对于后台开发人员来说,重要程度相比后面大家要学习的web核心知识点来说就没那么重要,但是大家还是需要掌握一些知识点。如果大家把我接下来写的小的知识点都能弄明白的话,这一节你就可以顺利过关了。

1. 什么是html

HTML是超文本标记语言,所谓超文本最简单的理解就是一个文本文件里可以放入超链接,图片,音频等等,比较普通纯本文高级,就是超文本了,所谓标记语言,就是指里面的代码全部都是由标签拼凑而成的。关于HTML的概念,大家简单了解就可以了。

2. html的组成结构

HTML其实是一个很不严谨的标签语言,说白了,即使不按照规范写也不会怎么样,但是大家做事不能不合群,所以还是按照一个标准的规范去写吧,HTML最简单的一种结构就是,要写一对名为html的根标签,然后里面分两部分,一部分是一对名为head的标签,一部分是一对名为body的标签。具体怎么写,咱们继续往下看。

3. 写一个最简单的html

新建一个文本文件,把txt后缀名改成html,名字随便起,看你心情,于是就创建好了一个html文件。我们要在里面写一写东西。并且这样的一个文件可以通过浏览器打开。

xxx

xxx

一个最简单的标准格式就成型了。

代码编写:

4. 常用的一些标签

接下来咱们来看看我们需要知道HTML中的哪些标签,我来列举一下。

字体标签、排版标签、图像标签、列表标签、超链接标签

表格标签、表单标签、框架标签、块级标签

接下来咱们分别来说一下这些标签的使用。

5. 字体标签

,它的最简单的格式

这是一个字体标签,中间可以写内容

这是一个字体标签,还可以给标签添加属性接下里咱们来介绍一个字体标签的常用属性:

color:给字体设置颜色的。

size:给字体设置大小的,范围1-7。

关于字体标签大家知道这么多就行,简单吧。

代码编写:

浏览器显示:

6. 排版标签

排版标签里常用的标签都有哪些呢,来看看。

标题标签:

这是一个标题标签

这是一个标题标签

1最大,6最小

段落标签:

这是一个段落标签

居中标签:

这是一个居中标签,内容可以居中显示

另:

特殊字符:

在HTML中想要显示大于号,小于号这样的符号,如果写<,>是没法显示出来的,因为它们在HTML里是有特殊意义的,所以针对这样的字符,我们要使用特定的格式去书写了

大于号使用>

小于号使用<

空格使用

当然不止这些,在这里只是简单列举,其他的大家可以查看一些帮助文档,上面写的可是很全面的哦。

代码编写:

浏览器显示:

代码编写:

浏览器显示:

代码编写:

浏览器显示:

代码编写:

浏览器显示:

7. 图片标签

,最简单的图片标签格式

”这是一张图片”常用属性都有:

src:图片的路径名

align:显示的位置

border:图片边框的宽度

alt:图片的文字说明

代码编写:

浏览器显示:

8. 列表标签

带有数字的列表标签:

  1. 列表项
  2. 列表项

类型可以为:i,a,A,1等

带有符号的列表标签:

  • 列表项
  • 列表项

类型可以为:circle,square,disc等无符号的列表标签:

标题

列表项

列表项

代码编写:

浏览器显示:

代码编写:

浏览器显示:

代码编写:

浏览器显示:

9. 超链接标签

黑马程序员

这就是一个最简单的超链接标签了。

常用的属性:

href:里面写要链接到的一个路径

target:通过浏览器打开链接之后的打开方式,是在本页面显示还是新打开一个页面显示。代码编写:

浏览器显示:

10. 表格标签

>

:代表了一个表格

:代表了一行

:代表了一列

:标题列

:代表了表格标题

大家都应该使用过excel表格吧,里面有一个功能,就是合并单元格功能,咱们这里也是可以合并单元格的,合并列,使用colspan,合并行,使用rowspan。具体怎么使用咱们一会看图片里的代码演示。

常用属性:

border:边框宽度

cellpadding:边框和框里的内容之间的边距

cellspacing:边框与边框之间的间距,设置为0,即变成了实线

代码编写: