1什么是前端？用web技术栈解决多端图形，用户，界面的人机交互问题。 2前端技术栈包括HTML（内容）+css（样式）+JavaScript（行为）←http（网络协议）→服务器端。 3HTML也就是hypertext （超文本：图片，链接，标题，表格）markup language，（拥有开始标签和结束标签）。 4〈img图片 src属性：“photo.jpg”属性值/〉 img不用再嵌套其他内容。 5〈！doctype html〉浏览器可以渲染更好的版本。 6〈head〉放不用直接呈现给用户的〈/head〉 〈body〉呈现给用户真正的内容〈h1〉〈p〉 〈/body〉。 7HTML语法：小写，input和meta空标签不闭合，属性值用" " ，某些属性值可以省略比如require，readonly。 8标题〈h1〉到〈h6〉也就是一级标题，二级标题，三级标题，以此类推 9列表：有序列表〈ol〉〈li〉…… 无序列表〈ul〉〈li〉…… 定义列表〈dl〉〈dt〉〈dd〉 10链接〈a href=“”/〉抖音官网〈/a〉 这个是不能跳转页面的， 〈a href=“” target=“_blank”〉抖音官网〈/a〉 这个是可以跳转到一个新的页面。 11图片〈img src=“http”alt=“metal”如果由于某些原因显示不了图片那么会显示alt里的内容 width=“400”/〉。如果是音频的话，〈audio 是src=“http” controls〉〈/audio〉。如果是视频的话〈video src=“http” controls〉〈/video〉。 12一个框里边是输入用户名，但是可以自己输入，〈input placeholder＝“请输入用户名”〉。 调节范围〈input type=“range” 〉。 调节有上下键大小的可以从1调到10〈input type=“number” min=“1” max=“10”〉。 对于输入日期的选择〈input type=“date” min=2018.6.01〉。可以在文本框中打入多行文字〈textarea〉hey 〈/textarea〉。 13对于选择标签，勾选，首先多选〈label〉〈input type=“checkbox”/〉桃子〈/label〉〈label〉〈input type=“checkbox”/〉西瓜〈/label〉重要是的是checkbox，而对于单选来说〈label〉〈input type=“radio”number=“sport”/〉桃子〈/label〉〈label〉〈input type=“radio”number=“sport”/〉西瓜〈/label〉而这里的是互斥关系是通过sport来实现的。而对于下拉选项〈select〉〈option〉牛油果〈/option〉〈option〉苹果〈/option〉〈option〉桃子〈/option〉〈/select〉来实现的。
