不知不觉前端已经学习了一个月,这一个月也收获了很多,从一名小菜鸟到现在的慢慢的了解,慢慢的适应,感觉每天的生活很充实。
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 行合并
-
 ;空格
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