html学习

W3school的html教程学习笔记

换行


水平线


预格式文本

包围的文本会保留空行和空格

计算机输出标签

代码
键盘码:键入 quit 来退出程序,或者键入 menu 来返回主菜单
打字机代码:呈现类似打字机或者等宽的文本效果
计算机代码样本:字符序列 ae 可能会被转换为 æ 连字字符。
变量

地址标签

缩写

定义缩写
定义首字母缩写
WWW
title 可用于展示表达的完整版本

文字方向


如果浏览器支持双流向覆盖bi-directional override (bdo),下一行会从右向左输出 (rtl)
Here is some Hebrew text

块引用

浏览器会缩进处理会插入换行和外边距
只加一个引号

删除和插入



一打有 二十 十二

著作的标题

浏览器通常会以斜体显示 元素

name
首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
基本的注意事项 - 有用的提示
然后,我们在同一个文档中创建指向该锚的链接:
有用的提示

在新窗口打开链接

target="_blank"
Visit W3School!

跳出框架?

target="_top"

邮件链接


发送邮件
使用 %20 来替换单词之间的空格
发送邮件!
cc是抄送,bcc是密送,subject是主题,body是内容

在文字中排列图像

align
图像 底部与文本对齐,默认方式
图像 中部与文本对齐
图像 顶部与文本对齐

创建图像映射


usemap属性
ismap属性怎么用?

点击图像上的星球,去到图像详情。

Venus Mercury Sun
表格的标题

标题
100 200 300
400 500 600
跨行或跨列的表格

电话跨两列
电话跨两行

表格单元格边距与间距

cellpadding属性边距
cellspacing属性间距

First Row
Second Row
First Row
Second Row
表格背景

bgcolor属性背景颜色
background属性背景图片

在表格单元中排列内容

align属性

消费项目.... 一月 二月
衣服 $241.10 $50.20
总计 $1001.50 $744.65
表格的框架属性

frame属性
值有:box,above,below,hsides,vsides,不兼容ie

定义列表define

list
title
detail

Coffee
Black hot drink
Milk
White cold drink
不同类型的无序列表,有序列表

    无序列表,type:disc实心圆,circle圈,square实心方块
      有序列表,type:默认数字,A大写字母,a小写字母,I大写罗马数字,i小写罗马数字

      框架




      noresize属性

      使用框架,可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

      不能将 标签与 标签同时使用!不过,假如你添加包含一段文本的 标签,就必须将这段文字嵌套于 <body></body> 标签内</p> <pre><code>垂直框架 <frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </code></pre> <pre><code>水平框架 <frameset rows="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </code></pre> <pre><code> 为不支持框架的浏览器添加 noframes 标签。 <html> <frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> <noframes> <body>您的浏览器无法处理框架!</body>

      混合框架
      
      
        
        
          
          
        
      
      
      
      边框无法移动的框架
      
      
        
        
        
      
      
      
      导航框架
      
      
        
        
      
      
      
      html学习_第1张图片
      html学习_第2张图片
      点击frame b以后的网页源代码
      内联框架

      body里面的框架,某些浏览器不支持

      
        
          
        
      
      
      base标签
      
      
      
      
      

      head标签包含的 标签为页面上的所有链接规定默认地址或默认目标(target)

      文档描述

      meta

      
      
      
      
      
      
       
      
      
      
      
      文档关键词
      
      
      
      
      
      
      
      
      
      重定向用户
      
      
      
      
      
      
      
      
      

      对不起。我们已经搬家了。您的 URL 是 http://www.w3school.com.cn

      您将在 5 秒内被重定向到新的地址。

      html实体

      如需显示小于号,我们必须这样写:<<
      如需在页面中增加空格的数量,您需要使用 字符实体。
      实体符号参考手册

      声明

      不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
      版本html5:

      XHTMl

      比html更严格

      单选按钮
      Male
      Female
      组合表单数据

      元素组合表单中的相关数据
      元素为
      元素定义标题。

      Personal information: First name:

      Last name:


      表单属性
      html学习_第3张图片
      元素

      元素为 元素规定预定义选项列表。
      用户会在他们输入数据时看到预定义选项的下拉列表。
      元素的 list 属性必须引用 元素的 id 属性。

      
      

      Safari 或 IE9(以及更早的版本)不支持 datalist 标签。

      input 元素的输入类型


      type: text, password, submit, radio(单选),checkbox(复选框), button, number,color,(date,month,week,time,datetime,tel)(火狐和IE不支持),range,email,search

      
      # 数字间隔为10
      
      # 可以选择颜色
      
      #可显示为滑动控件
      
      # 输入邮箱
      
      # 搜索
      
      搜索谷歌:

      你可能感兴趣的:(html学习)