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. 网络启动并安装Debian

    网络启动(PXEBoot)并安装Debian的官方文档在这里,不过官方文档有点冗长,我这里假设已经有一台安装好Debian,需要网络安装另一台(这台可以是虚拟机,通过ISO文件等等方式安装的).PXE ...

  2. PHP中常见的几种运行代码的方式

    常见的运行程序的方法有 shell_exec ``(反引号) eval system exec passthru 下面分别介绍他们的用法: 名称 解释 返回值 注意 shell_exec 通过 she ...

  3. 阿里巴巴产品实习生N天

    时间貌似有些太遥远,已经没办法从刚来时的日子一天一天数.连上内网打开内外.看到45天,每一次不经意的邂逅总会让人认为奇妙而微妙,每一次的巧合总会让人认为是神在显灵(但愿天津安好,这里也曾在我心中滋润过 ...

  4. Node-Webkit - package.json - 参数设置

    必填: main :(string)APP的主入口,指定一个html文件,如:main:"index.htm". name :(string)APP的名称,必须具有唯一性. 例子: ...

  5. CSS3 线性渐变（linear-gradient）

    CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变).而我们今天主要是针对线性渐变来剖析其具体的用法.为了更好的应用 CSS3 G ...

  6. And Then There Was One(约瑟夫环)

    https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show_probl ...

  7. iOS与JS开发交互总结

    hybrid.jpg 前言 Web 页面中的 JS 与 iOS Native 如何交互是每个 iOS 猿必须掌握的技能.而说到 Native 与 JS 交互,就不得不提一嘴 Hybrid. Hybri ...

  8. 《编程导论（Java）&#183;1.1.2 颠倒的世界(柏拉图法则)》

    假设你读<编程导论(Java)·1.1.2 颠倒的世界(柏拉图法则)>感到无趣,请尝试评价这个段子. 3. Classes Classes drive me crazy. That mig ...

  9. Django继承HTML模板

    Django在渲染模板的过程中可以实现模板样式的继承,以减少重复的代码 1.extend继承 模板.html: 模板内容 {{% block name1 %}} {{% enfblock %}} #n ...

  10. html_dom类读取

    上传类文件以后,有三种方式调用这个类:从url中加载html文档从字符串中加载html文档从文件中加载html文档 复制代码 代码如下: <?php// 新建一个Dom实例$html = new ...