文章目录

• 一、HTML的初步认识
• 二、常用的的标签
• 三、表单
• 四、学习体会

第一天

一、HTML的初步认识

HTML是一种超文本标记语言，是网页文件的基本文本格式，其实还挺好学的，但是要舍得花时间练习。如果对它的部分语法不清楚的话可以借助MDN官方文档查询，解释地挺详细的。

二、常用的的标签

1. a 表示引入一个链接，其内容可以是图片和文本等东西
2. img 表示导入一张图片，它有个两个重要的属性：src和alt，src表示图片的来源，alt表示当图片无法正常显示时，它会出现一段提示文字。
3. span和div，目前只知道span是行内元素，div是块元素，div会换行，而span不会
4. p 表示一个自然段，它与上面相邻的元素和下面相邻的元素会保持一定的边距
5. ul ：无序列表 ，ol：有序列表 ，以及dl列表：包含dd和dt元素，其差别是dd有一个缩进

三、表单

form 

<form action=""> <label for="username">用户名</label><input type="text" name="username" id="username"> <label for="password">密码</label><input type="password" required name="password" id="passsword"><label for="resume">个人简介</label><textarea name="resume" id="resume" cols="20" rows="5"></textarea><label for="language">语言</label><select name="language" id="language"><option value="">请选择</option><option value="Cpp">Cpp</option><option value="Python">Python</option><option value="Java">Java</option></select><label for="Cpp">Cpp</label><input type="radio" name="lang" value="Cpp" id="Cpp"><label  for="Python">Python</label><input type="radio" name="lang" value="Python" id="Python" ><label for="Java">Java</label><input type="radio" name="lang" value="Java" id="Java"><button type="submit">提交</button></form>

四、学习体会

之前也断断续续地接触过html，今天是第一次系统的学习，解开了心中的许多疑惑，对它有了初步了解，刚写的时候眼花缭乱，不过坚持半个小时就感觉略微适应了。另外今天发现了一个超级好用的软件uTools,它像是一个百宝箱，里面有各种好用插件；好了，今天就记录到这里了！一起加油！！！

k歌软件