html学习笔记-2016-6-3 19:21:04
2016-06-03 20:09
253 查看
综述:是一种标识语言,由浏览器读取信息根据语义实现特定效果(浏览器集网络通信、语法分析、语义分析于一体)
网页:由浏览器支持的标识语言组成
HTML标签分类
头部元素(必要信息:title、,总体设置:链接、风格):
<head>
<title>这是网页标题:定义浏览器工具栏中的标题,提供页面被添加到收藏夹时显示的标题,显示在搜索引擎结果中的页面标题</title>
<style></style> <--!标签用于为 HTML 文档定义样式信息-->
<base href="#" target="." /> <--!标签为页面上的所有链接规定默认地址或默认目标(target)-->
<link /><--!标签定义文档与外部资源之间的关系,最常用于连接样式表-->
<meta><--!meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据-->
<script></script><--!JavaScript 最常用于图片操作、表单验证以及内容动态更新-->
</head>
显示-内容元素(呈现在网页中的元素)
段落、标题、图片、表单
显示-样式(布局、效果)
外部样式表,link标签关联样式文件,适用于多个文件
内部样式表,style标签中编写,适用于某个文件整体
内联样式,通过标签样式属性实现,使用于局部元素
格式化标签:<b><i><u><sub><sup>
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。
交互
表单:文本域、下拉列表、单选框、复选框等输入信息的元素
网页:由浏览器支持的标识语言组成
HTML标签分类
头部元素(必要信息:title、,总体设置:链接、风格):
<head>
<title>这是网页标题:定义浏览器工具栏中的标题,提供页面被添加到收藏夹时显示的标题,显示在搜索引擎结果中的页面标题</title>
<style></style> <--!标签用于为 HTML 文档定义样式信息-->
<base href="#" target="." /> <--!标签为页面上的所有链接规定默认地址或默认目标(target)-->
<link /><--!标签定义文档与外部资源之间的关系,最常用于连接样式表-->
<meta><--!meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据-->
<script></script><--!JavaScript 最常用于图片操作、表单验证以及内容动态更新-->
</head>
显示-内容元素(呈现在网页中的元素)
段落、标题、图片、表单
显示-样式(布局、效果)
外部样式表,link标签关联样式文件,适用于多个文件
内部样式表,style标签中编写,适用于某个文件整体
内联样式,通过标签样式属性实现,使用于局部元素
格式化标签:<b><i><u><sub><sup>
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。
交互
表单:文本域、下拉列表、单选框、复选框等输入信息的元素
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- Ruby编写HTML脚本替换小程序的实例分享
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签