JAVAEE前奏-今天带大家认识HTML!高手勿进。

yumo6666个月前 (04-26)技术文章53

接上篇内容。上次介绍了整个课程,目的是告诉大家学习路线,不要偏了。今天开始慢慢告诉大家这些课程的重点。也就是需要学些什么有用的东西,那些没用的可以先不要去学习,等学到一定程度了,再慢慢去挖掘。首先开始是网页,因为他比较简单。网页就是HTML,HTML是超文本标记语言的简称。说白点,就是比普通文本更加牛逼啦!我们在网页上看到的花花绿绿的文字,图片都是超文本。所以,HTML就是来做网页的。建立一个网页非常简单,新建一个记事本文件,敲入以下代码,就可以完成一个网页。

<html>

<head>

<title>网页的标题</title>

</head>

<body>

你好,html世界。

</body>

</html>

然后把记事本的后缀名改成html就ok了。后缀名是什么如果还不知道的话,先去百度,下次再给大家科普。

就是这么简单,关于这些标记,记住就行了。

然后注意写的时候要有层次感。

还有一点非常重要,学习html一定要有容器的概念,什么是容器的概念,就是把<html></html>这一对标记看成一个容器,他里面有<head></head>和<body></body>两个兄弟容器,这些容器下面又可以写其他容器。

需要记住的标记有:

标题标记

<h1>

<h6>

有序列表

ol

子标记 li

<ol type="a">

<li>第一次</li>

<li>第二次</li>

<li>第三次</li>

</ol>

无序列表

ul

li

例如

<ul>

<li>苹果</li>

<ol type="a">

<li>一种水果</li>

<li>智能手机</li>

</ol>

<li>桔子</li>

<ol type="a">

<li>酸酸的水果</li>

<li>同时还有点甜</li>

</ol>

</ul>

自定义列表:<dt>是标题,<dd>是解释

<dl>

<dt>250</dt>

<dd>在地球上,人民夸某个人的时候喜欢使用你是250</dd>

<dt>隔壁老王</dt>

<dd>在地球上,夸某一位邻居长得帅,就叫隔壁老王</dd>

<dt>矮矬穷</dt>

<dd>长得好看又有钱</dd>

<dt>高富帅</dt>

<dd>长得丑还没钱</dd>

</dl>

超链接

<a href="路径">

图片

<img src="路径" alt="">

1 相对路径就是指相对于当前文件夹所在的路径.(建议使用相对路径)

..两点表示到相对路径的上一级目录.

每一个\代表一个目录

2 绝对路径就是指带了盘符的路径.可以直接根据地址在电脑硬盘中找到.

表格

<table>

<tr>行

<td>单元格

bgcolor 背景颜色

width 宽度

height 高度

border 边框宽度

align 水平对齐 left 左对齐 center 居中 right 居右

<table>

<tr>

<td colspan="2">10</td>

<td rowspan="2">12</td>

</tr>

<tr>

<td>20</td>

<td>21</td>

</tr>

</table>

这里需要花两天时间来练习和消化。

接下来就要开始学习表单知识了。

下次再给大家分享表单需要学习什么。

关注我的微信公众号machine_matrix , 获取更多知识.

相关文章

videojs

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&#...

网页设计HTML零基础入门

一、Html概述Html是Hyper Text Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标...

css布局方案汇总(28个实例图文并茂)

简介布局在我们前端日常开发来说是非常重要的,一个好的布局能简化代码的同时还能提高网页的性能。常见的布局方法有浮动(float)布局、绝对定位(position)布局、表格布局(table)、弹性(fl...

CSS基本布局16例

单行单列单行两列1:采用float浮在左上角,固定宽度。单行两列2:固定在左上角,固定宽度,采用的是绝对(absolute)定位。单行两列3:固定在左上角,不固定宽度,采用百分比(%)定义宽度来自适应...

零基础教你学前端——24、表格标题和结构分组

这节课,我们学习表格的标题,行分组和列分组等有用的标签。表格标题,顾名思义,就是一个表格的大标题,默认情况下位于表格顶部水平居中位置。标签名为 caption 译为 说明文字。它是一个双标签,语法为:...

HTML前端常用标签(复习)

1. HTML 初识HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup la...