2019-4-25 html学习笔记
一.概念
文本 用于储存和记录文字信息的载体
html 超文本标记语言（本质就是给文本增加语义 如<h1></h1>就是给文字添加一级标题的语义）
注：互联网三大基石 有
html 标记数据
http 定义数据怎么传输 传输协议
url 数据地址 http://ip地址：端口号/资源路径
二.版本
html 5
html 4.01
三.语法
- HTML 标签是由尖括号包围的关键词，比如 <html>
- HTML 标签通常是成对出现的，比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
注意：Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容
四. HTML文档结构
<!DOCTYPE>
<html>
<head></head>
<body></body>
</html>
1.<!DOCTYPE> 声明
<!DOCTYPE>声明有助于浏览器中正确显示网页。
网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。
H5 声明：<!DOCTYPE html>
H4声明 ：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XH声明 ：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.<html></html>
标签告知浏览器这是一个 HTML 文档。
属性：manifest: url 在此url上定义该文档的缓存信息
xmlns ：http://www.w3.org/1999/xhtml
规定 XML 的 namespace（属性命名空间） 属性（如果您需要您的内容符合 XHTML，则使用这个属性。）
注意：该属性在xhtml中必须，在html中可要可不要
五. <head>标签结构
<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。
<style> 标签定义 HTML 文档的样式信息。每个 HTML 文档能包含多个 <style> 标签。
<base>标签为页面上的所有的相对链接规定默认 URL 或默认目标。在一个文档中，最多能使用一个 <base> 元素。<base> 标签必须 位于 <head> 元素内部。
请把 <base> 标签排在 <head> 元素中第一个元素的位置，这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。
注释：如果使用了 <base> 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。
<link>标签定义文档与外部资源的关系。最常见的用途是链接样式表。
<meta>元数据（Metadata）是数据的数据信息。
<script>标签用于定义客户端脚本，比如 JavaScript。
元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件。
JavaScript 通常用于图像操作、表单验证以及动态内容更改。
如果使用 "src" 属性，则 <script> 元素必须是空的。
<noscript>元素用来定义在脚本未被执行时的替代内容（文本）。此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。
1.<meta>
<meta charset="UTF-8"> 定义该文档的编码格式
<meta name="description" content="免费在线教程"> 定义web页面描述
<meta name="keywords" content="HTML,CSS,XML,JavaScript"> 定义文档关键词，用于搜索引擎
<meta name="author" content="runoob"> 定义页面作者：
<meta http-equiv="refresh" content="30 http://www.baidu.com">进入该网页后 30秒刷新 刷新地址为http://www.baidu.com
<meta http-equiv="refresh" content="30 http://www.baidu.com">进入该网页后 30秒原地刷新
2.<style>(如需链接外部样式表，请使用 <link> 标签)
属性 media 表规定不同的媒体类型。
scoped 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
3. base
属性 href 规定页面中所有相对链接的基准 URL。
target 规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。
_blank 在新窗口中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。
4.<link> 标签定义文档与外部资源的关系。
href 定义被链接文档的位置。
hreflang 定义被链接文档中文本的语言。
media 规定被链接文档将显示在什么设备上。
rel 必需。定义当前文档与被链接文档之间的关系。
stylesheet 要导入的样式表的 URL。
5.<script>
标签用于定义客户端脚本，比如 JavaScript。
元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件。
属性 ：
async :规定异步执行脚本（仅适用于外部脚本）。
charset:规定在脚本中使用的字符编码（仅适用于外部脚本）。
defer :规定当页面已完成解析后，执行脚本（仅适用于外部脚本）。
src:规定外部脚本的 URL。
type:规定脚本的 MIME 类型。
如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本
六 . <body>内的常用标签
<h1> - <h6> 标签被用来定义 HTML 标题。
<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。
属性： align :left center right (h5不支持)
noshade : 规定 <hr> 元素的颜色呈现为纯色。
noshade (h5不支持)
size : 规定 <hr> 元素的高度.
width:规定 <hr> 元素的宽度。
<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。
其他语义
<em> （被强调的文本）
<strong> （重要的文本）
<mark> （被标记的/高亮显示的文本）
<cite> （作品的标题）
<dfn> （一个定义项目）
<sub> 下标
<sup> 上标
<pre> 显示文本原本格式
<img> 标签定义 HTML 页面中的图像。
属性： alt :图片的替代文本
height :图长
width ：图宽
src :图片的地址
table标签结构
<table>
<caption></caption>
<colgroup>
<col>
</colgroup>
<thead>
<tr><th></th></tr>
<thead>
<tbody>
<tr><td colspan>列合并</td><td rowspan>行合并</td></tr>
</tbody>
<tfoot>
<tr><td></td></tr>
</tfoot>
</table>
2019-4-25 html学习笔记的更多相关文章
- Linux（10.18-10.25）学习笔记
一.学习目标 1. 了解常见的存储技术(RAM.ROM.磁盘.固态硬盘等) 2. 理解局部性原理 3. 理解缓存思想 4. 理解局部性原理和缓存思想在存储层次结构中的应用 5. 高速缓存的原理和应用 ...
- Jerry Wang从2017年到2019年的自由泳学习笔记
打腿 把注意力调整到脚部,尽量不要让他打出水面,因为在空气中大腿完全是无用功,但是如果只是脚跟出水一点,倒也没什么关心,但是主观上,要控制一下,如果你听到你的打腿是"咚咚咚咚"这样 ...
- 2019/1/10 redis学习笔记(二)
本文不涉及集群搭建操作 关于在lua脚本中操作redis的应用场景 大家都知道redis对于单个集合的操作是原子性的;但是有可能有一种场景是这样.比如说抢红包,现在有十个人抢五份红包,抽象到我们jav ...
- [2019.05.09]Linux 学习笔记(3)
最近的心得: CLI真好用,GUI就是渣渣 1. Bash 里面的命令是可以起别名的,起一个别名的方法是 alias [Alias]=[command] command可以是任意长的别名,比如 ali ...
- MongoDB学习笔记系列
回到占占推荐博客索引 该来的总会来的,Ef,Redis,MVC甚至Sqlserver都有了自己的系列,MongoDB没有理由不去整理一下,这个系列都是平时在项目开发时总结出来的,希望可以为各位一些帮助 ...
- MongoDB学习笔记系列~目录
MongoDB学习笔记~环境搭建 (2015-03-30 10:34) MongoDB学习笔记~MongoDBRepository仓储的实现 (2015-04-08 12:00) MongoDB学习笔 ...
- Tensorflow学习笔记2019.01.22
tensorflow学习笔记2 edit by Strangewx 2019.01.04 4.1 机器学习基础 4.1.1 一般结构: 初始化模型参数:通常随机赋值,简单模型赋值0 训练数据:一般打乱 ...
- 2019国家集训队论文《整点计数》命题报告 学习笔记/Min25
\(2019\)国家集训队论文<整点计数>命题报告 学习笔记/\(Min25\) 补了个大坑 看了看提交记录,发现\(hz\)的\(xdm\)早过了... 前置知识,\(HAOI\)< ...
- IOS学习笔记25—HTTP操作之ASIHTTPRequest
IOS学习笔记25—HTTP操作之ASIHTTPRequest 分类: iOS2012-08-12 10:04 7734人阅读 评论(3) 收藏 举报 iosios5网络wrapper框架新浪微博 A ...
- Tensorflow学习笔记2019.01.03
tensorflow学习笔记: 3.2 Tensorflow中定义数据流图 张量知识矩阵的一个超集. 超集:如果一个集合S2中的每一个元素都在集合S1中,且集合S1中可能包含S2中没有的元素,则集合S ...
随机推荐
- Spring.Net配置
<?xml version="1.0" encoding="utf-8"?> <configuration> <!--一定 ...
- ArcGIS自定义脚本-通过txt/excel/dbf/table生成多边形要素类
ArcGIS自定义脚本-通过txt/excel/dbf/table生成多边形要素类 联系方式:谢老师,135-4855-4328,xiexiaokui#qq.com 目的:读取文本文件,常见多边形要素 ...
- 数据库启动windows
1.上 MongoDB官网下载数据库,下载之后选择自己想放的文件夹要记住文件夹位置,比如我下载之后就放在D盘,改文件夹为 mongodb 2.启动之前要给mongodb指定一个文件夹,这里取名为&qu ...
- oracle数据库分组之后取最大或者最小值
原始数据 --使用子查询 SELECT * FROM student s WHERE s.birthday IN (SELECT MIN(s2.birthday) FROM student s2 GR ...
- c++ 面试题(操作系统篇)
1,消息队列: https://kb.cnblogs.com/page/537914/ 2,fork中父进程和子进程的资源联系: https://blog.csdn.net/weixin_422506 ...
- ORACLE查询内存溢出
首先我们来看一个带排序的查询,点击工具栏的显示包含实际的执行计划. 1 SELECT * FROM AdventureWorks2008R2.Person.Person WHERE FirstName ...
- error link 2019 waveout
winmm.lib的影响 在做音频播放的时候使用到了win系统音频函数waveout; 但是报错: error link 2019 无法解析外部符号:waveoutGetnumDevice /clos ...
- FortiGate高校图书馆SSLvpn配置案例
1.组网及需求 某高校有一台FGT系列防火墙放置于互联网出口,拓扑如下图: 现需求通过组建sslvpn web代理模式和隧道模式以实现: 1.web代理模式:能访问 http://lib.xxxx.e ...
- .net like模糊查询参数化
List<SqlParameter> paras = new List<SqlParameter>(); if (!string.IsNullOrEmpty(ciName)) ...
- Linux的php-fpm优化心得-php-fpm进程占用内存大和不释放内存问题（转）
原文地址:https://wzfou.com/php-fpm/ 最近发现博客的内存老是隔三差五地被“吃掉”了,登录到后台后偶尔会出卡顿的情况,一开始怀疑是Swap不够导致的,于是给VPS主机增加了几个 ...