学习HTML（制作简单作业过程）

74 阅读 0 评论 49 点赞

我是靠谱客的博主斯文战斗机，最近开发中收集的这篇文章主要介绍学习HTML（制作简单作业过程），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一个简陋的开头

非常高兴能加入信息技术中心，我从一个什么都不懂的小白，变成了能做出一个简单前段页面的小白，通过在慕课、W3School及百度上搜寻解决办法，做出的作业基本符合要求，下面记录一下我的学习过程，或说是学习笔记。

学习html过程

1.看到学长给出的效果图，我心想，这不是用word或者excel做的吗，但当我打开慕课时，我知道我错了。做一个页面需要敲很多行代码，并且需要细心，耐心，不能遗漏，不能急功近利。

2.我就一节一节地看慕课，并笨拙地敲代码实践，当我敲出<body style=“background-color:pink”>时，界面背景变成了粉红色，心里还是有些成就感的，并对此产生了兴趣，虽然长时间看慕课、w3school有些犯困，但我觉得很有意思。

3.接着到了较难的表格，我也是在摸索，实践，失败中获得一些经验。
首先需要输<table>，如果后面加上"border=x" 就可以改变表格的边界，使表格更好看，更有立体感。
然后是输入tr，表示表格的行，接着是th，是表格的表头，最后是td，是表格的列。
当然还有较为复杂的<thead><tbody><tfooter>，我的理解是网速不太行的时候需要加上它们（hhhhhhh）。

4.然后是很有意思的交互表单，input type= 后输入的代码就表示了框的内容。text表示输入文本，password表示
输入密码（这里输上去的全都变成了****），number表示数字，一般用于输入电话号码。接着写value=
如果是空的，就是一个输入框，如果写了中文，则变成一个按钮。好像还要写name= 方便后台明白含义。

5.最后是超链接，写<ul><li>就会有无序的排序，在超链接前有个圆点，也会自动跳行，不用我输br/了，链上网址写上a href=就可以了。