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. vim-colors-config

    在vim中,主题是以插件形式存在.其中系统自带的主题,存放在$VIMRUNTIME/colors文件夹下,以*.vim命名.(注:查看$VIMRUNTIME请在vim中执行 :echo $VIMRUN ...

  2. u-boot README--linux support

    Linux HOWTO:============ Porting Linux to U-Boot based systems:------------------------------------- ...

  3. [Java开发之路]（8）输入流和输出流

    1. Java流的分类 按流向分: 输入流: 能够从当中读入一个字节序列的对象称作输入流. 输出流: 能够向当中写入一个字节序列的对象称作输出流. 这些字节序列的来源地和目的地能够是文件,并且通常都是 ...

  4. poj1861 最小生成树 prim &amp; kruskal

    // poj1861 最小生成树 prim & kruskal // // 一个水题,为的仅仅是回味一下模板.日后好有个照顾不是 #include <cstdio> #includ ...

  5. vue中handsontable 使用

    handsontable是目前在前端界最接近excel的插件,可以执行编辑,复制粘贴,插入删除行列,排序等复杂操作 1.安装模块包 npm install handsontable-pro @hand ...

  6. zoj 3721 Final Exam Arrangement【贪心】

    题目:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3721 来源:http://acm.hust.edu.cn/vjudg ...

  7. Linux安装Nignx基于域名的多虚拟主机实战

    看这个文章之前,要保证你的Nginx已经安装成功! 如果没有,请移步到下面这个文章,看完后再回来看! https://www.cnblogs.com/apollo1616/p/10214531.htm ...

  8. 我的Android进阶之旅------>android中getLocationInWindow 和 getLocationOnScreen的区别

    View.getLocationInWindow(int[] location) 一个控件在其父窗口中的坐标位置 View.getLocationOnScreen(int[] location) 一个 ...

  9. python基础14 ---函数模块5(模块和包)

    模块与包 一.模块 1.模块是怎么诞生的. 在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护.为了编写可维护的代码,我们把很多函数分组,分别放到 不同的文 ...

  10. LeetCode：移除K位数字【402】

    LeetCode:移除K位数字[402] 题目描述 给定一个以字符串表示的非负整数 num,移除这个数中的 k 位数字,使得剩下的数字最小. 注意: num 的长度小于 10002 且 ≥ k. nu ...