学习前端----1个月

不知不觉前端已经学习了一个月，这一个月也收获了很多，从一名小菜鸟到现在的慢慢的了解，慢慢的适应，感觉每天的生活很充实。

html文字介绍

---

“文字介绍”

h1-h6是标题数字越大，标题越小

p 是一个段落。

br 换行

hr 水平尺

b加粗标签

em i标签使用 斜体 两个都可以

big 放大 big
《sub>下标 sub》
“文字”
sup>上标 sup
《u》加下划线

color: red; /* color字体颜色，注意background-color背景色区分*/
font-size: 20px;/* 字体大小 ，默认16px*/
font-weight: 600;/* 字体粗细，默认normal正常，单位榜，数字越大字体越粗 */
align =“left” “center” 标题居中(css也可以用）
width=“宽” height=“高”

---

二、图片

html加图片 （“文件名”.html）所在目录为同一级目录 绝对路径：直接加图片名+格式 相对路径： 下级文件夹加（加文件夹名+图片名+格式） 相对路径 ：上级加硬盘开始所有路径文件夹名 【href和src同理】（相对：相对正在编辑的文件它本身）

img 来定义的 图像是通过标签.
alt 图片中显示文字 提示
img src="" width=“宽” height=“高”

---

三、超链接

a href=" " 网址 来定义的.实例 超链接
target="_blank"浏览器新标签页打开新网页
未设置就是默认值"_self"当前标签页打开，"_blank新标签页打开

---

四、背景

BODY background="image.gif" 这是最常用的形式，即完全平铺 background-repeat : repeat-y垂直方向平铺； repeat-x仅水平方向平铺；cover：平铺满整个网页窗口 no-repeat不平铺； repeat：重复铺放

两个值为横坐标，纵坐标，多个值用逗号分隔，图片最大化。
两个值为百分比：100%宽或高为100%，高或宽等比例缩放。图片做背景的效果不太好。如果高为100%，高指的是body的高。
cover：平铺满整个网页窗口
repeat：重复铺放

---

五、音频

embed src="" 定义声音

video支持三种音频格式ogg、mp4、webm，为了兼容性考虑，一般会引入其中的两种格式，标签定义视频，比如电影片段或其他视频流。

audio 标签定义声音，比如音乐或其他音频流。audio支持三种音频格式ogg、mp3、wav，为了兼容性考虑，一般会引入其中的两种格式

• autostart属性： 是否自动播放
  
• false属性：仅播放一次 默认值
  
• true属性：为音乐文件读取完后立即播放，(永远循环))
  
• false属性：不立即播放
  
• loop 属性：循环次数
  
• volume属性：设置音量取值范围是“0-100”，默认值为系统当前音量。*
  
• starttime属性：设置音乐开始播放的时间，格式是“分：秒”，
  
• endtime属性： 设置音乐结束播放的时间，具体格式同上。
  
• width属性： 设置音乐播放控制面板的宽度。
  
• height属性： 设置音乐播放控制面板的高度。
  
• controls属性 设置音乐播放控制面板的外观，
  
• console属性：显示为通常面板
  
• smallconsole属性：为小型面板。
  
• playbutton属性：为是否显示播放按钮；
  
• pausebutton属性：为是否显示暂停按钮；
  
• stopbutton属性：为是否显示停止按钮；
  
• volumelever属性：为是否显示音量调节按钮
  
• autoplay属性：(mp4)如果出现该属性，则音频在就绪后马上播放
  
  

---

六、表格

• border属性:边界线 边框"~px"
  

• align属性：会让表格居中（已不经常被使用"~px")
  

• bgcoler属性：background color 背景颜色
  

• table标签：表格
  

• tr标签：table row表格里一行
  

• th标签：table head表格里第一行表头中的列
  

• td标签：table data表格普通一行中的一列。
  

• colspan属性：colum 列合并值为数字，写属性的那列准，向后合并几列。
  

• rowspan属性：row span 行合并
  

• &nbsp；空格
  
  
  

    table–>
  
   tr
  
     th th
  
   tr
  
    table>
  

   ul（UNorder list无序表）
  
    li   li
  
   ul
  

   ol (order list有序表）
  
  
    li   li
  
   ol
  

---

七、表单 - form标签
- input属性：text文本框 password密码框
- type属性：text文本框 password密码框 radio单选 CheckBox 多选-
- - placeholder属性：标签里的提示 input标签里的提示信息
- title属性：鼠标悬停提示信息
- name属性：必须，表单中的name属性必须写的，因为后端表单框架取- 值需要根据name的值。单选中需要根据name值确定一组选项
- value属性：必须，表单真正发送到后台数据值，区别于显示内容。例- 如文本的 value值等于用户输入信息；单选框发怂到后台的值等- 于选择选项的value值
- label属性：语义化标签，提示信息显示在input标签前，文本框头部- 信息
- for属性：把label标签内和input连接起来，没有for属性先写label- 再写input