网站首页 > 教程文章 正文
接上篇内容。上次介绍了整个课程,目的是告诉大家学习路线,不要偏了。今天开始慢慢告诉大家这些课程的重点。也就是需要学些什么有用的东西,那些没用的可以先不要去学习,等学到一定程度了,再慢慢去挖掘。首先开始是网页,因为他比较简单。网页就是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 , 获取更多知识.
猜你喜欢
- 2025-10-02 RS485+PHP+串口服务器,用TCP方式实现温度实时监测代码
- 2025-10-02 Java文件上传与下载_java文件上传与下载一样吗
- 2025-10-02 四款开源电子表格组件,轻松集成到你的项目
- 2025-10-02 HTML-注册页面 212_html注册页面模板
- 2025-10-02 零基础学习HTML图像热区特殊字符无序列表和有序定义列表表格
- 2025-10-02 打破常规:利用Java技术快速构建属于你的在线PDF生成神器
- 2025-10-02 一文学会jenkins pipline自动化构建
- 2025-10-02 Django 前端页面_django前端用什么框架
- 2025-10-02 HTML前端常用标签(复习)_html前端页面设计
- 2025-10-02 HTML DOM TableHeader 对象_html document对象
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)
