HTML 提示:使用小写标签

HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='Bill "HelloWorld" Gates'

下面列出了适用于大多数 HTML 元素的属性:

属性 描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)

提示:使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它!(但是不要用 <br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

HTML 链接 - target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

可以通过 <div> 和 <span> 将 HTML 元素组合起来。

表单标签

标签 描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮
<isindex> 已废弃。由 <input> 代替。

框架

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

使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面

测试代码:

<html>
<body bgcolor="yellow"><!-- This is a comment --><h1 align="center">This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3><hr /><p>This is a paragraph.</p><p>This is another paragraph.键入 <kbd>quit</kbd> 来退出程序,或者键入 <kbd>menu</kbd> 来返回主菜单。<a href="http://www.w3school.com.cn">This is a link</a></p><p><img src="http://www.w3school.com.cn/ui/bg.gif" alt="Big Boat" width="104" height="142" /><a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a></p><p><ul><li>Coffee</li><li>Milk</li></ul><ol><li>Coffee</li><li>Milk</li></ol></p>
</body>
</html>

W3-HTML 基础教程笔记相关推荐

  1. python基础教程笔记—即时标记(详解)

    最近一直在学习python,语法部分差不多看完了,想写一写python基础教程后面的第一个项目.因为我在网上看到的别人的博客讲解都并不是特别详细,仅仅是贴一下代码,书上内容照搬一下,对于当时刚学习py ...

  2. 阮一峰:jQuery官方基础教程笔记

    原文地址:http://www.jobbole.com/entry.php/1151 jQuery是目前使用最广泛的javascript函数库. 据统计,全世界排名前100万的网站,有46%使用jQu ...

  3. pytho基础教程笔记(7-9)(类、递归、生成器)

    第七章 更加抽象 类和类型 类 概念: __metaclass__=type # 确保类是新版的 class Person:def setName(self, name):self.name = na ...

  4. Cytoscape基础教程笔记

    昨天开始学用Cytoscape,其tutorial分为两个部分,基础的和高级 的.基础教程又分成了四课:Getting Started.Filters & Editor.Fetching Ex ...

  5. 绘制对象iPhone开发基础教程 笔记

    每日一贴,今天的内容关键字为绘制对象 1. 虚拟内存 iPhone OS其实不会将易掉性内存(如应用程序数据)写到交换文件,因此应用程序可用内存量将受到更多的制约. Cocoa Touch供给一种内置 ...

  6. HTML基础教程笔记

    基础知识 HTML是超文本标记语言,主要用处是做网页,可以再网页上显示文字.图像.视频.声音等. HTML的结构包括头部(head).主体(body)两大部分,其中头部描述浏览器所需的信息,主体保护所 ...

  7. MongoDB基础教程笔记

    视频教程:https://www.bilibili.com/video/BV18s411E78K?share_source=copy_web 基于 MongoDB 4.4.3 环境:Windows 1 ...

  8. iPhone开发基础教程笔记(十二)--第十二章 使用Quartz和OpenGL绘图

    第十二章 使用Quartz和OpenGL绘图 有时应用程序需要能够自定义绘图.一个库是Quartz 2D,她是Core Graphics框架的一部分:另一个库是OpenGL ES,她是跨平台的图形库. ...

  9. 尚硅谷python核心基础教程笔记-第一章 计算机基础知识

    第一章 计算机基础知识(视频1-10) 课程介绍 课程名称:Python基础视频教程 讲师:尚硅谷教育,李立超(lichao.li@foxmail.com) 面向的层次:From Zero to He ...

  10. JavaScript基础教程笔记

    01.尚硅谷_JS基础_JS简介 02.尚硅谷_JS基础_JS的HelloWorld //控制浏览器弹出一个警告框 alert("这是我的第一行JS代码"); //让计算机在页面中 ...

最新文章

  1. LinkedBlockingQueue 解析
  2. 准确率99%!基于深度学习的二进制恶意样本检测——瀚思APT 沙箱恶意文件检测使用的是CNN,LSTM TODO...
  3. 程序员入职国企,1周上班5小时,晒出薪资感叹:腾讯当CEO也不去
  4. c语言创建链表存储10个数,C语言编写的建立单向int链表,连续输入10个结点创建链表,并实现在原链表中插入数字、删除数字、查找数字的功能...
  5. C语言函数题- 删除字符串中下标为i的字符
  6. MySQL从5.5升级到5.6,TIMESTAMP的变化
  7. python捕获异常装饰器_python异常装饰器--比较全的版本了
  8. 【前端周刊】20190606
  9. 网易2016 实习研发工程师 [编程题]寻找第K大 and leetcode 215. Kth Largest Element in an Array...
  10. Freeswitch拨号响应太慢的解决办法
  11. 基于nodejs,tinypng的压缩图片工具
  12. springSessionDemo
  13. 时钟芯片S35390A
  14. 阿里巴巴容器技术 Pouch 解析
  15. IP签名档HTML版本源码 显示精准定位
  16. BT技术原理(BitTorrent)
  17. 空间路面matlab,基于Matlab的三维随机路面联合建模与仿真研究
  18. RuoYi-Vue 分离版 收获与总结
  19. 管理学原理 【1049】
  20. 关于谷歌收购摩托罗拉移动的评论

热门文章

  1. D3 绘制 树图(tree) 笔记
  2. 2003京淘项目Day-03京淘后台项目搭建
  3. 使用D435i深度相机运行ORB-SLAM3
  4. 配置计算机失败无法开机,Bios设置错误导致电脑无法开机的解决办法!
  5. vue实例--仿淘宝购物车
  6. java一级缓存二级缓存_一级缓存和二级缓存的理解
  7. “乱世”出英雄,绎维软件以技术驱动企业绩效管理与分析|转载
  8. ASP.net GridView控件(分页)
  9. yii2 学习 之 migrate 数据迁移
  10. NKOJ 3793 礼物和糖果(背包dp)