HTML

来源：互联网发布：算法导论英文版 pdf 编辑：程序博客网时间：2024/06/16 19:52

HTML笔记

1.1 HTML基础知识

1)什么是计算机语言?

计算机只认识0和1,所以我就通过0和1这种语系和计算机交流,这就是机器语言.机器语言对于人们来讲太难理解,编程太困难.

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

机器语言和汇编语言都是属于低级语言,既体现了机器的天特性,而对于大多数不是计算机工程的人来讲,还是太困难.

2)高级语言,

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

常见的高级语言:c,c++,c#,php,java.

1.2 什么是标记语言

文本文件: (带你出师,闯荡江湖!)只有文本内容,没有任何格式,(一个中文字符占用20个字节)

Word文件:输入提供样的内容,同时设置,在另一台电脑上有同样的格式,说明Word文档除了存储内容,还存储了格式信息(document.xml,),ml就是标记语言(markup language)的缩写,.我们要学HTML(HyperTextMarkedLangeage)0也是一种标记语言.

超文本;不仅仅能表示文本信息,还能表示音视频,格式等信息.

浏览网页实际上就是将存储在服务器上的HTML文件下载到本地,然后通过浏览器进行解析并呈现内容.

1.2

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta http-equiv="content-type" content="text\html;charset=utf-8"/>    <!--head部分主要做一些设置工作-->    <title>F</title></head><body>带你出师,闯荡江湖!</body></html>

注释:

添加HTML注释的快捷键ctrl+shift+/;

形式:<!-- --!>

作用:对代码进行说明,方便程序员阅读和理解,注释对于计算机的执行结果没有任何影响.

注释非常重要,代码正确是前提,但是清晰也是一个非常重要的原则,程序员需要养成注释的好习惯;

基础标签

2.1标题标签

<标签名></标签名>

标题标签用于显示标题的信息,既包含了格式信息,也包含了语义信息,

<h1>~<h6>(h1最大)

2.2段落标签

段落(paragraph)标签表示页面的一个段落<p>

<h3>鹅</h3><p>鹅鹅鹅,</p><p>曲项向天歌.</p><p>白毛浮绿水,</p><p>红掌拨清波.</p>

2.3链接标签

链接标签<a>的作用是跳转,包括页面跳转和页间跳转,

1) 页间跳转

<a href="http://www.runoob.com" target="_blank" title="我是菜鸟网">菜鸟网</a>

Href属性自定链接的目标URL地址

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

_self:在当前页面中打开,默认

_blank;在新的页面中打开

_parent:....

_top:.......

Title属性指定提示信息

2) 页内跳转在目标标签处指定id=”........”,在链接处指定herf=”#......”

Id属性是唯一标识

“锚点”:anchor

2.4 图片标签<img>

在网页中嵌入图片,

Src属性(source),图片资源的URL地址,可以是本地的.也可以是远程的

Alt属性(alternative):可替代的,即当资源不存在的时候,替代显示的文字内容

路径:

相对路径,绝对路径

”..”表示上一级目录.

“.”表示当前目录

在同一级目录,<img src=”linjunjie.jpg”>

再上一级目录, <img src=”../linjunjie.jpg”>

在下一级目录, <img src=”pic/linjunjie.jpg”>

阅读全文

0 0