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

yumo6662个月前 (04-26)技术文章15

接上篇内容。上次介绍了整个课程,目的是告诉大家学习路线,不要偏了。今天开始慢慢告诉大家这些课程的重点。也就是需要学些什么有用的东西,那些没用的可以先不要去学习,等学到一定程度了,再慢慢去挖掘。首先开始是网页,因为他比较简单。网页就是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 , 获取更多知识.

相关文章

CSS 元素分类与水平居中

元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的内联元素有:<a>...

html实现原生table并设置表格边框的两种方式

在 HTML 中实现原生表格并设置表格边框的详尽教程 在 HTML 中,表格是展示结构化数据的重要工具。为了使表格更加清晰、美观,设置表格边框是常见的需求。本文将深入探讨 两种原生方式 来实现表格边框...

实战经验分享:怎么在自己的网站里面调用第三方网站的页面内容

今日,站长在线(olzz.com)的首页右侧边栏里面,有一个是【mip验证】的工具入口,其实我在其他网站也放了这个入口,但是不同的是,以前的页面入口是直接链接到百度mip官方的页面检测地址的,而今天,...

videojs

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

前端兼容性问题总结

1.如何在IE6及更早浏览器中定义小高度的容器? IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高。 解决:#test{overflow:hidden;height:1px;fon...

20分钟建立自己的Bootstrap站点

这篇教程旨在让你在20分钟内学会使用twitter bootstrap创建一个站点。看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面,了解栅格系统,并且能够使用boots...