5.超链接
3种超链接:
1. 连接到其他页面
2. 锚: (是链接页面)指给超链接起一个名字，作用是连接到本页面或者其他页面的特定位置。使用name属性给超链起名字,本页要加#
3. 连接到邮件: <a href = "mailto:xugang@itcast.cn">进入我的邮箱

</a>
属性：target: 告诉浏览器怎么显示目标页面
HTML中已定义4个值： _self :在同一个浏览器

中显示
_blank:

打开新的浏览器显示
_parent:

在父窗口中显示
_top: 在

顶级窗口中显示

6.表格标记
table: 表格
属性：border:边框
width:宽度
height：高度
align:表格的对齐方式
cellpadding:单元格内容到边的距离(边是指上下左右的边)
cellspacing:单元格和单元格之间的距离（边的粗细）
bgcolor:背景颜色
background:背景图片
bordercolorlight:表格的上，左边框，以及单元格的右，下边框

的颜色
bordercolordark: 表格的右，下边框，以及单元格上，左的边框

的颜色
dir:单元格内容的排列方式 取值：ltr 从左到右， rtl:从右到

左（right to left）,这是一个公共属性，也可以在那个表格中用。
tr: 行
属性：dir:
bgcolor:背景颜色
td: 单元格
属性： align: 内容的横向对齐方式
valign: 内容的纵向对齐方式 top,middle（居中）,bottom
width: 绝对值或者相对值(%)
height:单元格的高度
bgcolor:单元格背景颜色

单元格的合并：
单元格的属性：
colspan: 横向合并（colspan = “2”横向合并两个）
rowspan: 纵向合并（ rowspan = “2”纵向合并两个）
th: 相当于<td> + <b>，是一种加粗的<td>
属性同<td>
caption: 表格的标题
属性：align: 取值：left,center,right,top,bottom
thead:头
tbody：身体
tfoot：脚
写与不写的区别：
1. 当表格非常大的时候，如果不写，则必须等表格的内容全部下载完

成才能显示。但是用tbody标签的话，那么边下载边显示。

2.如果不写thead,tbody,tfoot那么浏览器解析表格内容的时候是从上到下解析。如果写了，那么表格

顺序任意，浏览器解析的时候还是按照thead,tbody,tfoot的顺序显示内容

7.框架标记及<iframe>(多个页面显示在一个浏览器中，一定要删除<body>标记，才能显示)
框架页面上不允许有body标签
frameset: 框架的集合
rows: 纵向分部框架.
cols: 横向分部框架.
写法有两种: 1) 绝对值 "200,*" ,*代表剩余的(row ="200,*" 表

示第一个占200像素，剩下的就是*)
2) 相对值 "30%,*"
frame: 框架. 一个框架显示一个页面
scrolling: 是否需要滚动条。默认是true,关闭用no
noresize : 固定框架大小。默认的是yes
bordercolor: 给框架边框起一个颜色
name : 给框架起一个名字

内嵌框架： 嵌入在一个页面上的框架.
iframe:(内嵌框架)
属性： width: 宽度
height： 高度
scrolling : 是否需要滚动条
8.表单标记及语义化
表单的作用就是收集数据。
<form action = "b.html" method = "post">
姓名:<input type = "text" name = "" size = "50" maxlength = "5"

readonly disabled value = "请输入姓名"><br>
密码：<input type = "password" name = "pass" ><br>
隐藏框:<input type = "hidden" name = "age" value = 20><br>
性别:<input type = "radio" name = "sex" checked value = "male" >男

<input type = "radio" name = "sex" value = "female">女<br>
国籍:<input type = "radio" name = "country" value = "中国">中国<input

type = "radio" name = "country" checked value = "美国">美国<input type = "radio" name =

"country">日本<br>
爱好:<input type = "checkbox" name = "love" checked value = "足球"> 足

球
<input type = "checkbox" name = "love">排球
<input type = "checkbox" name = "love">篮球<br>
学历:<select multiple name = "xueli">
<option value = "daxue">大学</option>
<option value = "zhongxue">中学</option>

<option value = "xiaoxue" selected>小学</option>

</select><br>
备注: <textarea cols = "20" rows = "5" name = "beizhu">大虾留下你

的脚印吧</textarea>
普通按钮:<input type = "button" value = "普通按钮" onclick =

"alert('哈哈，我来了')">
提交按钮:<input type = "submit" value = "提交按钮" >
重置按钮:<input type = "reset" value = "重值按钮">
图片按钮:<input type = "image" src = "image/1.jpg" width = "30"

height = "30">
</form>

9.多媒体标记
bgsound: 背景音乐
embed: 播放多媒体文件.
marquee: 移动
属性：direction 移动目标方向 left,right ,up,down ,up，down移动距

离是固定的200px
behavior: 行为方式 取值：slide,alternate,scroll
scrollamount : 移动速度
loop: 循环多少圈。负值表示无限循环
scrolldelay: 移动一次休息多长时间。单位是毫秒
10.头标记
<html lang="en">表示英文
<meta>给服务器提供一些信息
<meta http-equiv=“refresh” content = 2 url = http://www.sohu.com> 每隔两秒刷新一次

HTML学习笔记2的更多相关文章

  1. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  3. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  4. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

  5. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  6. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  7. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  8. HTML学习笔记

    HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...

  9. DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记

    今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...

  10. ucos实时操作系统学习笔记——任务间通信（消息）

    ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...

随机推荐

  1. HTML基本结构与标签总结整理篇

    HTML基本结构与标签总结整理篇 前言:这是笔者的学习总结与整理,如果有错误或疑问的地方,欢迎指正与讨论!另:此文会不定时更新~ 1.了解HTML 学习前端技术,必然涉及三个方面:html(结构).c ...

  2. poj1083，基本互斥问题

    题意:南北两侧各有200个房间,两侧房间之间有一个走廊 现在需要把桌子从这400个房间之中搬进搬出,每一张桌子需要10分钟时间,如果走廊因为有桌子搬运而占用,则需等待,求共需多少时间(分钟)将桌子搬完 ...

  3. babel如此简单

    凡是看到这个标题点进来的同学,相信对babel都有了一定的了解.babel使用起来很简单,简单到都没有必要写一篇文章去介绍,直接看看官方文档就可以.所以我也在怀疑到底该不该写这篇文章.想来想去还是决定 ...

  4. Sql 2008R2 windows身份好用 ，sa身份不好用

    Sql server2008r2 安装完毕以后 windows身份验证好用,sa身份不好用,解决方法步骤如下: 1.首先用windows身份登录 2.SQL实例右键属性 3.安全性这一项 4.选择wi ...

  5. CJOJ 1644 编辑距离 / Luogu 2758 编辑距离（动态规划）

    CJOJ 1644 编辑距离 / Luogu 2758 编辑距离(动态规划) Description 字符串是数据结构和计算机语言里很重要的数据类型,在计算机语言中,对于字符串我们有很多的操作定义,因 ...

  6. 同一个sql在不同的oracle中执行时间不一样

    最近因为某些原因不得不重新配置服务器的环境,当然就是一些简单的程序运行环境,包括tomcat .oracle和其他的一些.原本觉得还蛮简单的东西,但是当我部署完成后在运行程序的过程中发现了一些隐性因数 ...

  7. JS操作数组常用的方法

    JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由 ...

  8. table初始化

    table, th , td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}

  9. 小程序开发教程：wx.setTopBarText(OBJECT)

    状态信息展示 当小程序被显示在聊天顶部时,开发者可将重要的状态变更信息实时展示出来,便于用户及时获知. 详见文档:小程序文档 小程序更新之后,有个更有用的功能!支持状态栏实时状态更新!! wx.set ...

  10. 二叉树 - 建立与遍历使用Java

    二叉树的遍历(traversing binary tree)是指从根节点出发,按照某种次序依次访问二叉树中所有节点,使得每个节点仅被访问一次 前序遍历:若二叉树为空,则空操作返回null.否则先访问根 ...