HTML
文章平均质量分 81
HTML学习笔记。
大桔骑士v
微软程序员,B站账号:大桔骑士v
展开
-
【HTML5学习笔记】14:全局属性和其它
这节学习HTML5中的HTML实体、HTML核心构成的元数据、全局属性。实体HTML实体就是在页面上无法正常显示出来的特殊字符,通过实体代码将它显示出来。 元数据1.指定名值元素对格式2.声明字符编码格式3.模拟HTTP标头字段格式 全局属性1.id属性给元素分配一个唯一标识符,用来给CSS和JavaScript选择元素,id不能重复原创 2017-06-12 21:30:21 · 668 阅读 · 0 评论 -
【HTML5学习笔记】13:表单元素 其三
这节是最后剩下的三个表单元素和表单的验证输入。下拉列表框select的属性name 设置提交时的名称disabled 将下拉列表禁用form 将表单外的下拉列表与某个表单挂钩size 设置下拉列表的高度multiple 设置是否可以多选autofocus 获取焦点required 选择验证,设置后必须有选择才能通过验证select的子标签option 选项原创 2017-06-07 14:25:49 · 701 阅读 · 0 评论 -
【HTML5学习笔记】12:尝试CSS层叠样式表和关键帧
跟着视频写的的3D隧道,用了CSS样式。建立了几个div块,用CSS改变了它的形状,然后添加关键帧使它朝着Y轴周期性移动,就形成了3D隧道的效果。*测试代码 3D隧道 *{margin: 0;} body{overflow: hidden;}/*溢出隐藏*/ .content{ width: 100px; height: 100px;原创 2017-06-02 22:18:40 · 925 阅读 · 0 评论 -
【HTML5学习笔记】11:表单元素 其二
input元素提供一个可以给用户输入的文本框,这节学input元素的type属性。type属性总汇:text 一个单行文本框,默认行为password 隐藏字符的密码框search 搜索框,在某些浏览器键入内容会出现叉标记取消submit、result、button 生成一个提交按钮,重置按钮,普通按钮number、range 只能输入数值的框;只能输入一个数值范围的框原创 2017-05-24 00:27:42 · 672 阅读 · 0 评论 -
【HTML5学习笔记】10:表单元素 其一
表单元素用于获取用户的输入数据。表单元素总汇:form 表示HTML表单input 用来表示用户输入数据的控件textarea 表示可以输入多行文本的控件select 表示用来提供一组固定的选项option 表示提供一个选项optgroup 表示一组关联的option元素button 表示可用来提交或重置的表单按钮,或一般按钮datalist 定义一组供给用户的原创 2017-05-14 23:39:02 · 744 阅读 · 0 评论 -
【HTML5学习笔记】9:音频和视频的嵌入
这节主要是通过两个原生的媒体函数向HTML页面中嵌入音频和视频,先要知道几个概念。容器:音频和视频文件都是一个容器文件,如视频文件包含了音频轨道、视频轨道和其它一些元数据。视频播放的时候音频轨道和视频轨道是绑在一起的。元数据包含了视频的标题、封面、子标题、字幕等。编解码器:视频和音频编码/解码其实是一组算法,由于原始的媒体文件体积巨大,要对它进行编码让它小一点然后在网络上传播,传播之后再对原创 2017-05-05 20:34:52 · 1079 阅读 · 0 评论 -
【HTML5学习笔记】8:嵌入元素的使用
嵌入元素主要用来把外部的一些资源插入到HTML中。 用来嵌入图片,有下面这些常用属性。src是图片的URL;alt是当图片不加载时候(网络错误或者浏览器屏蔽了这个图片,或者找不到这个URL的时候都会这样)显示的备用的内容,有些浏览器可能不支持alt;width和height定义图片的长度和高度;ismap创建服务器分区的响应图,先给外一个超链接链接自己这个页面,这时点击图片原创 2017-05-05 13:21:23 · 933 阅读 · 0 评论 -
【HTML5学习笔记】7:查漏补缺1
这次查漏补缺用的电子工业出版社的《Web前端技术》。*关于文字和排版的 文字综合网页 需要居中的内容 需要缩进的内容 前面四个是空格 pre标签里的文本都是预格式化好了的 测试一下 换行 缩进 都是可以的 第一个列表项 第一个列表项 第二个列表项 第二个列表项 E-mail:java233@fox原创 2017-05-02 23:15:48 · 680 阅读 · 0 评论 -
【HTML5学习笔记】6:文档元素的使用
文档元素可以用来划分各个不同的内容,让整个页面布局变得清晰。其本身多数没有什么实际作用效果,完全是为了配合语义,以强调它的结构性。用来替代没有语义的div。只有和后面学习的CSS使用才能起到布局和样式的效果。 因为没有用CSS这些都看不出效果,所以以下都直接截一下教学视频里的老师用画图画的图来看一下大致效果。 双标签用来设置页面的标头部分。*看看是内联还是区块 文原创 2017-04-26 09:30:59 · 667 阅读 · 0 评论 -
【HTML5学习笔记】5:表格元素的使用
表格就是以网格的形式显示二维数据。表格的基本构成最少需要三个元素(表格的声明)、(一行单元格)、(一个单元格)。 *建立一个表格/有固定长度的表格 表格元素 张三 男 未婚 李四 女 未婚 王五 男 已婚 姓名 性别 婚否原创 2017-04-22 16:49:26 · 1230 阅读 · 0 评论 -
【HTML5学习笔记】4:分组元素的使用
组就是用来组织相关内容的HTML5元素,用来对内容进行清晰有效的归类。下面这些分组元素都是很常用的。 以下是一些分组标签:双标签将内部包含的文本形成一个段落,段落和段落之间保持一定的空隙。双标签用来建立一个通用的分组,通用分组可以对所包含的内容进行设置,并且还换了行。在早期HTML中非常常用,但是由于缺乏语义,在HTML5中已经很少使用了。双标签用来引用大段的来自其它地方的内容原创 2017-04-16 00:40:55 · 1221 阅读 · 1 评论 -
【HTML5学习笔记】3:超链接和路径
标签的href属性用于指定URL,target属性用于指定打开方式,默认的打开方式是在当前窗口打开文档(_self)。target属性还有一个常用的值为_blank,它使得点击超链接的时候将在新窗口打开。相对路径:相对于页面而言的另一个页面的路径,可以自动识别当前目录。绝对路径(很少用):从file:///磁盘符开始的完整路径。 *使用相对路径 超链接和路径原创 2017-04-15 23:36:24 · 1605 阅读 · 0 评论 -
【HTML5学习笔记】2:文本元素的使用
几个前置知识:用Ctrl+?可以将选中的区域变成注释/取消注释。全局属性style用来设置这一段内容的风格,"font-size: 100px;"即是设置其字号为100。在体中直接输入文本就可以在页面中显示文本了。 以下是一些文本标签:双标签表示给一段文本加粗,但并不是特别强调重要性。双标签实际作用和一样,但是语义上表示很强调。单标签表示强制换行。单标签用在一个原创 2017-04-14 22:53:13 · 826 阅读 · 0 评论 -
【HTML5学习笔记】1:工具的使用和基本格式
跟着课程开始学一下HTML5(超文本标记语言的第五次重大修改)。 下载安装Sublime Text编辑器,首先建立一个文件夹用来存要写的代码,然后点文件-打开文件夹,选择那个文件夹就可以了。如果要修改Sublime Text的字体,只要选首选项-设置-用户,然后修改font_size的值就可以了,我用的是20号字体。 文件-新建文件,新建后Ctrl+S保存一下,这里取名index....原创 2017-04-14 21:37:20 · 1100 阅读 · 1 评论