HTML5 学习记录——0
2015/08/19
HTML5的标签
功能划分:基础、格式、表单、框架、图像、音视频、链接、列表、表格、样式、元信息、编程
1、HTML基础
标题 <h1> - <h6>
段落 <p>
链接 <a href=''地址'' >
图像 <img src="w3school.jpg" width="104" height="142" />
2、HTML元素
<p> </p> 尽量使用小写。
3、HTML属性
属性形式 name=“value”
4、HTML标题
<hr /> 可以创建水平线
<!--注释-->
5、HTML段落
<p> <-p>
添加空行<br/>相当于段落中的换行工具
源程序中的空格和换行在显示时会被忽略,所以换行用<br/>
20150820 虐汪节
6、HTML格式化
预格式文本<pre> <pre/> :可以保留空行和空格
7、HTML样式 (css课程重点学习)
添加<head>部分对HTML进行格式化
样式表:外部样式表 link rel type href
内部样式表 head部分的<style>
内联样式:标签中使用样式属性
标签:style type=”text/css"
link 链接外部样式表 rel文档关系,href链接文档位置
div 定义文档中的节和区域
8、HTML定义表格
<table> 定义表格 <tr> 定义行 <td>定义每行单元格 <table>加border属性定义边框
<th>定义表头 空占位符  
9、HTML列表
无序列表,用粗黑点进行标记。标签<ul> <li> ul属性type=“ disc” circle square
有序列表,用数字标记。标签<ol> <li> ol属性,默认为数字type=“A" a I i
自定义列表。<dl>开始,每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>开始。
10、HTML<div>和<span>
<div>块级元素,<span>内联元素 便于管理
11、HTML表单
用于搜集不同类型的用户输入
表单标签<form>。
输入标签<input>,由类型 type定义。文本域,text ;单选按钮,radio,name相同,value不同;复选框,checkbox;表单的动作属性,action;确认按钮,submit。
下拉菜单<select> name <option> value ( selected为预选值)
文本域 textarea
创建按钮type=”button“
12、框架
<frameset> 在浏览器中同一个窗口显示多个页面。
20150826
13、HTML内联框架
<iframe> </iframe> 用于在网页中显示网页。
设置高度、宽度,设置边框,作为连接显示位置(target、name)
14、HTML背景
<body> 有两个背景标签,颜色和图像 在HTML4中已废弃
颜色属性 bgcolor,十六进制数、rgb或颜色名
背景图片 background
15、HTML颜色
十六进制数、rgb和颜色名
HTML5 学习记录——0的更多相关文章
- HTML5学习记录1-新特性
新特性 HTML5 中的一些有趣的新特性: 1. 用于绘画的 canvas 元素 2. 用于媒介回放的 video 和 audio 元素 3. 对本地离线存储的更好的支持 4. 新的特殊内容元素,比如 ...
- C++的学习记录 - 0
最近玩Arduino发现,在编写函数库的时候要用到C++.正好手头有一本教材,于是时隔2年,开始重学. 又看到重载.构造.拷贝这些词竟然还有些小兴奋. 开个系列日志记录一下学习过程中的问题和体会. 看 ...
- HTML5学习记录——3
HTML媒体 1.HTML多媒体 视频格式 .avi 微软开发 .wmv 微软开发 .mpg .mpeg .mov 苹果公司开发 .rm .ram 允许低带宽的视频流 .swf .fl ...
- HTML5 学习记录——2
20150826 1.声明文档类型 <!DOCTYPE> 声明HTML是用什么版本写的. 常用声明; 2.HYML头部元素 <head> <title> 定义 ...
- HTML5与CSS3权威指南之CSS3学习记录
title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...
- Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客
==他的博客应该不错,没有细看 Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客 http://blog.csdn.net/u012706811/article/det ...
- JavaScript学习记录四
title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- HTML与CSS学习记录
title: HTML与CSS学习记录 toc: true date: 2018-09-10 14:04:59 <HTML与CSS进阶教程读书笔记> HTML基础知识 HTML与XHTML ...
- 前端学习记录 week 1
前端学习记录 week 1 基础知识 CSS盒模型 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用.CSS盒模型本质上是一个盒子,封 ...
随机推荐
- 使用GitBook, Git github, Markdown 快速发布你的书籍
利用git作为版本管理和发布工具 你可以直接通过npm安装gitbook到全局 npm install -g gitbook gitbook只提供了如下四个命令 gitbook -h Usage: g ...
- chattr
chattr 功能:设置文件隐藏属性常用参数:+ 增加某个特殊权限,其他原本存在的参数不动- 删除某个特殊权限,其他原本存在的参数不动= 设置一定,且仅有后面接的参数 i 文件 ...
- unity一些知识
有一个问题就是在Inspector面板修改 WheelNumber的数值后,运行项目,当项目停止的时候,WheelNumber 的数据又回到以前的数据,(数据未保存成功,数据丢失) 解决办法需要在 修 ...
- 解决from lxml import etree 导入的时候,显示etree不存在
问题: 当安装完lxml之后,发现使用 from lxml import etree 时,etree不可用 原因 :是lxml中没有etree包 解决: 去官网下载对应包:官网地址:http://l ...
- 关于ES6的let,const与var之间的三生三世
首先需要明确的是let.const.var都是用来定义变量的 在ES6之前,我们一般都用var来定义变量,例如 : function test(){ var i=1; console.log(i); ...
- hdu4847:Wow! Such Doge!(字符串匹配)
题目:hdu4847:Wow! Such Doge! 题目大意:在给出的段落里面找出"doge"出现的次数.大写和小写都能够. 解题思路:字符串匹配问题,能够在之前将字母都转换成统 ...
- 大组合取模之:1<=n<=m<=1e6,1<=p<=1e9
/****************************** 大组合取模之:1<=n<=m<=1e6,1<=p<=1e9 使用:程序最开始调用getprime(),需要 ...
- vue组件父子组件之间传递数据
举个栗子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
- HTML元素嵌套关系
- transport connector和network connector
1 什么是transport connector 用于配置activemq服务器端和客户端之间的通信方式. 2 什么是network connector 用于配置activemq服务器之间的通信方式, ...