这是我参与「第五届青训营 」笔记创作活动的第2天。
关于前端
网站是由网页组成的,网页由前端人员写的html文档形成
关于HTML
HTML(超文本标记语言),是一种描述语言,用来定义网页的结构,包含了多个HTML元素,有单标签,也有多标签,可以用属性来扩展HTML标签,不同的标签有不同的属性,HTML 的后缀是.html或者是.htm。
HTML标签
- 1、< h1> ~< h6> :定义标题,h1最大,h6最小;
- 2、< font>:定义文本的字体、字体尺寸、字体颜色(css完成);
- 3、< hr>:定义水平线
- 4、< b>:定义粗体文本
- 5、< i>:定义斜体文本
- 6、< u>:定义文本下划线
- 7、< center>:定义文本居中(css完成)
- 8、< p > :定义段落
- 9、< br>:定义换行
图片、音频、视频标签
- 1、img:定义图片,src:规定显示图像的URL(统一资源定位符),height:定义图像的高度,width:定义图像的宽度
- 2、audio:定义音频。支持的音频格式:MP3、WAV、OGG,src:规定音频的URL,controls:显示摇放控件
- 3、video:定义视频。支持的音频格式:MP4、WAV、OGG,src:规定视频的URL,controls:显示播放控件
超链接标签
< a> :定义超链接,用于连接到另一个资源,href:指定访问资源的URL,target:指定打开资源的方式
- _self:默认值,在当前页面打开
- _blank:在空白页面打开
通常在页面内部跳转使用_self,跳转到外部资源用_blank
列表标签
- < ol>:有序标签
- < ul>:无序标签
- < li>:定义列表项
表单标签
- < input>:表单项,通过type属性控制输入形式
- < select> :定义下拉列表,< option>定义列表项
- < textarea> :文本域
input中type的值有:text、password、radio、checkbox、submit、reset、button、file
- text中的value值提示用户需要输入的文字
- 复选/单选按钮要有相同的name名字,value中是:选什么值写什么值,数据会传到后台中
- 复选/单选按钮可以设置checked属性,当页面打开时默认选中按钮 : checked="checked"
- text中可写maxlength属性,用户能输入的最大字符数
- submit : 提交按钮会把表单数据发送到服务器,通过value值来修改按钮中的信息
- reset : 重置按钮可以还原表单元素初始的默认状态,通过value值来修改按钮中的信息
- button : 普通按钮,通常和JS搭配使用,通过value值来修改按钮中的信息
- file : 文件域,上传东西文件用的
- outline : none ,没有外边一大框了