前端与HTML | 青训营笔记

48 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第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>:定义列表项

表单标签

  1. < input>:表单项,通过type属性控制输入形式
  2. < select> :定义下拉列表,< option>定义列表项
  3. < textarea> :文本域

input中type的值有:text、password、radio、checkbox、submit、reset、button、file

  1. text中的value值提示用户需要输入的文字
  2. 复选/单选按钮要有相同的name名字,value中是:选什么值写什么值,数据会传到后台中
  3. 复选/单选按钮可以设置checked属性,当页面打开时默认选中按钮 : checked="checked"
  4. text中可写maxlength属性,用户能输入的最大字符数
  5. submit : 提交按钮会把表单数据发送到服务器,通过value值来修改按钮中的信息
  6. reset : 重置按钮可以还原表单元素初始的默认状态,通过value值来修改按钮中的信息
  7. button : 普通按钮,通常和JS搭配使用,通过value值来修改按钮中的信息
  8. file : 文件域,上传东西文件用的
  9. outline : none ,没有外边一大框了