W3-HTML 基础教程笔记
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 基础教程笔记相关推荐
- python基础教程笔记—即时标记(详解)
最近一直在学习python,语法部分差不多看完了,想写一写python基础教程后面的第一个项目.因为我在网上看到的别人的博客讲解都并不是特别详细,仅仅是贴一下代码,书上内容照搬一下,对于当时刚学习py ...
- 阮一峰:jQuery官方基础教程笔记
原文地址:http://www.jobbole.com/entry.php/1151 jQuery是目前使用最广泛的javascript函数库. 据统计,全世界排名前100万的网站,有46%使用jQu ...
- pytho基础教程笔记(7-9)(类、递归、生成器)
第七章 更加抽象 类和类型 类 概念: __metaclass__=type # 确保类是新版的 class Person:def setName(self, name):self.name = na ...
- Cytoscape基础教程笔记
昨天开始学用Cytoscape,其tutorial分为两个部分,基础的和高级 的.基础教程又分成了四课:Getting Started.Filters & Editor.Fetching Ex ...
- 绘制对象iPhone开发基础教程 笔记
每日一贴,今天的内容关键字为绘制对象 1. 虚拟内存 iPhone OS其实不会将易掉性内存(如应用程序数据)写到交换文件,因此应用程序可用内存量将受到更多的制约. Cocoa Touch供给一种内置 ...
- HTML基础教程笔记
基础知识 HTML是超文本标记语言,主要用处是做网页,可以再网页上显示文字.图像.视频.声音等. HTML的结构包括头部(head).主体(body)两大部分,其中头部描述浏览器所需的信息,主体保护所 ...
- MongoDB基础教程笔记
视频教程:https://www.bilibili.com/video/BV18s411E78K?share_source=copy_web 基于 MongoDB 4.4.3 环境:Windows 1 ...
- iPhone开发基础教程笔记(十二)--第十二章 使用Quartz和OpenGL绘图
第十二章 使用Quartz和OpenGL绘图 有时应用程序需要能够自定义绘图.一个库是Quartz 2D,她是Core Graphics框架的一部分:另一个库是OpenGL ES,她是跨平台的图形库. ...
- 尚硅谷python核心基础教程笔记-第一章 计算机基础知识
第一章 计算机基础知识(视频1-10) 课程介绍 课程名称:Python基础视频教程 讲师:尚硅谷教育,李立超(lichao.li@foxmail.com) 面向的层次:From Zero to He ...
- JavaScript基础教程笔记
01.尚硅谷_JS基础_JS简介 02.尚硅谷_JS基础_JS的HelloWorld //控制浏览器弹出一个警告框 alert("这是我的第一行JS代码"); //让计算机在页面中 ...
最新文章
- LinkedBlockingQueue 解析
- 准确率99%!基于深度学习的二进制恶意样本检测——瀚思APT 沙箱恶意文件检测使用的是CNN,LSTM TODO...
- 程序员入职国企,1周上班5小时,晒出薪资感叹:腾讯当CEO也不去
- c语言创建链表存储10个数,C语言编写的建立单向int链表,连续输入10个结点创建链表,并实现在原链表中插入数字、删除数字、查找数字的功能...
- C语言函数题- 删除字符串中下标为i的字符
- MySQL从5.5升级到5.6,TIMESTAMP的变化
- python捕获异常装饰器_python异常装饰器--比较全的版本了
- 【前端周刊】20190606
- 网易2016 实习研发工程师 [编程题]寻找第K大 and leetcode 215. Kth Largest Element in an Array...
- Freeswitch拨号响应太慢的解决办法
- 基于nodejs,tinypng的压缩图片工具
- springSessionDemo
- 时钟芯片S35390A
- 阿里巴巴容器技术 Pouch 解析
- IP签名档HTML版本源码 显示精准定位
- BT技术原理(BitTorrent)
- 空间路面matlab,基于Matlab的三维随机路面联合建模与仿真研究
- RuoYi-Vue 分离版 收获与总结
- 管理学原理 【1049】
- 关于谷歌收购摩托罗拉移动的评论