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. bbb u-boot SPI 启动

    beagle bone black的u-boot编译时已经为SPI准备好了 MLO.byteswap,这个文件应该直接写入到SPI flash的偏移0位置,根据am335x的手册,SPI内可以保存多份 ...

  2. bzoj3531【SDOI2014】旅行

    3531: [Sdoi2014]旅行 Time Limit: 20 Sec  Memory Limit: 512 MB Submit: 850  Solved: 433 [Submit][Status ...

  3. pip安装错误，用镜像

    Retrying (Retry(total=4, connect=None, read=None, redirect=None)) after connection broken by 'Connec ...

  4. COM对象模型

    COM对象内存布局,多继承是虚继承吗? 接口之间怎么切换? 1) 是普通的多继承,不是虚继承.因为父类接口只是含有纯虚函数,不含任何数据成员,所以问题不大. 2) QueryInterface可以用来 ...

  5. GIS开发站点收藏

    Arcgis API for Silverlight ArcGIS API for Silverlight开发入门 C#开发ArcGIS

  6. windows下XAMPP安装php_memcache扩展

    windows下XAMPP安装php_memcache扩展 首先下载phpmemcache,地址为: http://up.2cto.com/2012/0522/20120522094758371.ra ...

  7. Spring Cloud 微服务三： API网关Spring cloud gateway

    前言:前面介绍了一款API网关组件zuul,不过发现spring cloud自己开发了一个新网关gateway,貌似要取代zuul,spring官网上也已经没有zuul的组件了(虽然在仓库中可以更新到 ...

  8. 谷歌高管无意中透露Google Glass未获得成功的原因

    Google X高管Astro Teller在接受媒体采访时无意中透露了这款设备没有取得预期成绩的原因 最终我们发现,在他们生活的世界里,数字生活和即时物理生活根本无法融为一体. Teller提出的这 ...

  9. Composer的Autoload源码实现1——启动与初始化

    前言 上一篇文章,我们讨论了 PHP 的自动加载原理.PHP 的命名空间.PHP 的 PSR0 与 PSR4 标准,有了这些知识,其实我们就可以按照 PSR4 标准写出可以自动加载的程序了.然而我们为 ...

  10. Count(二维树状数组)

    [bzoj1452][JSOI2009]Count Description Input Output Sample Input Sample Output 12   HINT 题解:对于每一个颜色建一 ...