Html5笔记

来源:互联网 发布:php内存回收的机制 编辑:程序博客网 时间:2024/06/05 21:00

第一章:基础知识

1.1Html基础知识

什么是计算机语言人与人之间是通过语言进行交流的,那么人与计算机如何进行交流的呢?计算机只有0和1,所以我们就通过0和1这种语系来和计算机交流,这就是机器语言。机器语言对于人来说难以理解,,编写程序困难。

为了解决这个问题,我们将一串特定的01进行符号化,这就是汇编语言。

机器语言和汇编语言都是低级语言,即体现了机器的特性,面对大多数不是计算机工程师的人来讲,还是太困难了。

高级语言:用类似英语加数学的符号来描述。最大 程度屏蔽了机器了机器,使程序的阅读和编制变得越来越容易。

高级语言有:c,c++,c#,php,java...

1.2什么是标记语言

什么是文本文件 :只有文本内容,没有文本格式。举例:在记事本中输入“带你出师,闯荡江湖”,并设置相应的格式,在其他的电脑上没有格式。

Word文档中输入相同的内容设置格式,在另一台电脑上看有字体还有格式。说明word文档中除了储存内容,还有格式信息。(document.xml)ml就是标记语言(markup language)的缩写

我们学习的html也是标记语言。

超文本:不仅仅能表示文本信息,还表示音视频,格式等信息。浏览网页实际上就是将储存在服务器上的html下载到本地,然后通过浏览器进行解析并呈现

注释的快捷键ctrl+shift+/

格式:<!--  -->

作用:对代码解释说明。

正确是前提,清晰是原则。

 

第二章:基础标签

2.1标题标签

<标签名></标签名>

标题标签用于显示页面的标题信息,既包含了格式信息,同时提示语义信息。

<h1>最大<h6>最小

2.2段落标签

段落(paragraph)标签用来表示页面的一个段落.

<h3>登鹳雀楼</h3>
<p>白日依山尽,</p>
<p>黄河入海流。</p>
<p>欲穷千里目,</p>
<p>更上一城楼。</p>

 

2.3链接标签

链接标签是<a>   分为页内跳转和页间跳转。

Href属性指定链接目标。

<a herf=www.baidu.com>

Target属性指定打开目标页面的方式,取值包括:

Blank新页面打开

Self默认值本页面打开

Parent

Top

Title属性指定 提示信息

(2)页内的跳转

在目标标签处指定id="……",在链接处指定href="#……"

id属性是页面元素的唯一标识

页面内跳转

在目标标签处 指定id=ch1  在连接处指定(a herf=”#ch1”)id属性是页面元素的唯一标识。

“锚点”(anchor)跳转的目标地

2.4图片标签<img>

在网页中插入图片

Src:source,图片的url地址。可以是本地的,也可以是远程的。

Alt属性:alterNative(可替代的),即当资源不再,替代显示的文字内容。

2.5路径

“..”表示上一级目录

<img src="../ss.jpg.jpg" >

 

“.”表示当前目录

<img src="ss.jpg.jpg" >

在下一级目录:

<img src="pic/ss.jpg.jpg" >

 

                     

2.6杂项

<span>:可以将部分文本独立出来

<br>:换行

<hr>画线

原创粉丝点击