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

yumo6665个月前 (04-26)技术文章45

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

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

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

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

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

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

老码农的字节跳动前端面试总结

有幸得到猎头推荐参加字节跳动工程效率部的前端面试,为此准备了一周的时间,面试前内心十分忐忑,略微有些小紧张。由于是下午面试,所以早早起床,翻出许多年前购买的,几近翻烂的《JavaScript设计模式》...

网页设计HTML零基础入门

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

前端兼容性问题总结

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