这是我参与「第五届青训营」伴学笔记创作活动的第一天

一、本堂课重点内容

1.什么是前端

• 解决GUI人机交互问题
• 跨越端
• WEB技术栈

2.前端技术

前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。

3.HTML

全称HyperText Markup Language

• 标签和属性不区分大小写，推荐小写.
• 空标签可以不闭合，比如 input 、 meta ．
• 属性值推荐用双引号包裹
• 某些属性值可以省略，比如 required 、 readonly （其属性的结果为 boolean 默认为 true 可以省略

二、重点知识点

1. 有序列表: ol(li)
2. 无序列表: ul(li)
3. 定义列表: dl(dt-dd)
4. img标签中alt属性表示图片加载失败时显示
5. controls属性指浏览器默认播放键
6. checkbox多选，radio单选

三、练习例子

1.有序列表

                <ol>
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
		</ol>

2.无序列表

                <ul>
			<li>英雄联盟</li>
			<li>穿越火线</li>
			<li>永劫无间</li>
		</ul>

3.定义列表

                <dl>电影《流浪地球》
			<dt>导演:</dt>
				<dd>郭帆</dd>
			<dt>主演:</dt>
				<dd>吴京</dd>
				<dd>吴孟达</dd>
		</dl>

4.checkbox和radio

                <label><input type="checkbox"/>篮球</label>
		<label><input type="checkbox"/>足球</label>
                
                <label><input type="radio" name="1"/>苹果</label>
	        <label><input type="radio" name="1"/>西瓜</label>

四、个人总结

通过今天掘金课程的学习，我了解了什么是前端以及前端涉及的技术，HTML命令可以说明文字，图形、动画、声音、表格、链接等，还学习了HTML中部分元素、属性以及属性值的含义，理解了各个标签的用法，发现其中好多乐趣，学习到了很多新知识，期待后面精彩的课程。