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>定义表头  空占位符 &nbsp

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的更多相关文章

  1. HTML5学习记录1-新特性

    新特性 HTML5 中的一些有趣的新特性: 1. 用于绘画的 canvas 元素 2. 用于媒介回放的 video 和 audio 元素 3. 对本地离线存储的更好的支持 4. 新的特殊内容元素,比如 ...

  2. C++的学习记录 - 0

    最近玩Arduino发现,在编写函数库的时候要用到C++.正好手头有一本教材,于是时隔2年,开始重学. 又看到重载.构造.拷贝这些词竟然还有些小兴奋. 开个系列日志记录一下学习过程中的问题和体会. 看 ...

  3. HTML5学习记录——3

    HTML媒体 1.HTML多媒体 视频格式 .avi    微软开发 .wmv  微软开发 .mpg  .mpeg .mov 苹果公司开发 .rm  .ram  允许低带宽的视频流 .swf  .fl ...

  4. HTML5 学习记录——2

    20150826 1.声明文档类型 <!DOCTYPE>  声明HTML是用什么版本写的. 常用声明; 2.HYML头部元素   <head> <title> 定义 ...

  5. HTML5与CSS3权威指南之CSS3学习记录

    title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...

  6. Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客

    ==他的博客应该不错,没有细看 Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客 http://blog.csdn.net/u012706811/article/det ...

  7. JavaScript学习记录四

    title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...

  8. HTML与CSS学习记录

    title: HTML与CSS学习记录 toc: true date: 2018-09-10 14:04:59 <HTML与CSS进阶教程读书笔记> HTML基础知识 HTML与XHTML ...

  9. 前端学习记录 week 1

    前端学习记录 week 1 基础知识 CSS盒模型 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用.CSS盒模型本质上是一个盒子,封 ...

随机推荐

  1. php使用imagick模块实现图片缩放、裁剪、压缩示例

    PHP 使用Imagick模块 缩放,裁剪,压缩图片 包括gif图片 缩放 裁剪 复制代码代码如下: /**  * 图片裁剪  * 裁剪规则:  *   1. 高度为空或为零   按宽度缩放 高度自适 ...

  2. 【Python+selenium Wendriver API】之操作警告和弹出框

    参考文章: <Python+Selenium笔记(九):操作警告和弹出框>

  3. label 标签的用法,点label选中单选、复选框或文本框

    <label>拥有的权限</label> <label class="checkbox" id="privilege_id" st ...

  4. yum lock 解决方法

    方法一: # ps aux | grep yum # kill -9 pid 方法二:可以通过执行rm -rf /var/run/yum.pid 来强行解除锁定,然后你的yum就可以运行了 解释: [ ...

  5. WPF使用X:Static做多语言支持

    让程序支持多语言,一般把需要显示的字符串保存在一个资源类的static属性中. <!--[if !supportLists]--> <!--[endif]--> 微软的WPF程 ...

  6. DevExpress控件显示前弹出到期时间解决办法

    方法是,删除Properties下的license.licx文件,重新生成即可.

  7. 基于python实现简单web服务器

    做web开发的你,真的熟悉web服务器处理机制吗? 分析请求数据 下面是一段原始的请求数据: b'GET / HTTP/1.1\r\nHost: 127.0.0.1:8000\r\nConnectio ...

  8. 为什么要对url进行encode

    发现现在几乎所有的网站都对url中的汉字和特殊的字符,进行了urlencode操作,也就是: http://hi.baidu.com/%BE%B2%D0%C4%C0%CF%C8%CB/creat/bl ...

  9. Bootstrap第2天

    Bootstrap第2天 解决IE低版本不支持HTML5元素的方法 CSS全局样式--栅格系统 1.栅格系统介绍     Bootstrap提供了一套响应式.移动设备优先的流式的栅格系统.     B ...

  10. Bootstrap学习5--bootstrap中的模态框（modal，弹出层）

    bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集. 务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 b ...