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=""> <!-- 这里的action指的是调用后端的某个函数  -->
<!--在写input等元素是一般喜欢绑定一个label,通过id来完成这种联系-->
<label for="username">用户名</label>
<!-- 这里也可以用placeholder="用户名"，将用户名显示在文本框中-->
<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>
	<!--如果有selected属性表示默认，否则就是第一个-->
</select>
<!--  单项选择 ，保证所有的name属性相同 -->
<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">

<!-- 提交，将表单中所有的数据以字符串的形式提交至action处 -->
<button type="submit">提交</button>
</form>

四、学习体会

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