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

yumo6661周前 (04-26)技术文章9

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

微信ID:WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄(页底留言开放,欢迎来吐槽)● ● ●在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的,但是...

css之div内容居中

div中的内容居中显示,包括水平和垂直2个方向。<html> <head> <style type="text/css">...

CSS 元素分类与水平居中

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

用CSS 实现元素垂直居中,有哪些好的方案?

水平居中方案:水平居中设置1、行内元素设置 text-align:center2、定宽块状元素设置 左右 margin 值为 auto3、不定宽块状元素a:在元素外加入 table 标签(完整的,包括...

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

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

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

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