笔记1--html基础知识

来源：互联网发布：plsql随机抽取数据编辑：程序博客网时间：2024/06/08 14:04

HTML笔记

1. HTML基础知识

1.1 什么是计算机语言?

答:

人与人之间是通过语言进行交流,那么人和计算机之间如何交流呢?计算机只知道”0”和”1”,所以我们就通过”0”和”1”这种语系来和计算机交流,这就是机器语言。

机器语言对于人来讲太难理解,编制程序太困难。

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

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

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

If(a > b){

C = a + 1;

}else{

C = b;

}

常见的高级语言有C, C++, C#, PHP, Java

1.2 什么是标记语言。

什么是文本文件：只有文本内容，没有任何格式。

举例：在记事本输入“带你出师，闯荡江湖！”，并设置相应的格式，但是在其他电脑上打开并没有显示同样的格式，说明其不包含任何格式信息。查看文件大小显示20个字节。

在word中输入同样的内容，同时设置在另一个电脑上看到的是同样的内容和同样的格式。同时查看文件的大小

说明word文档中除了存储内容，还存储了格式等信息（document.xml,ml）就是标记语言（markup Language）的缩写，我们所学的HTML（Hytper Text Marked Language）也是一种标记语言。

超文本：不仅仅能表示文本信息，还能表示音频视频，格式等等信息。

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

<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 
 <title>我的第一个网页</title>
 
 <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
</head>
<body>

带你出师，闯荡江湖！
</body>
</html>

注释：添加HTML注释的快捷键是ctrl+Shift+/

注释的形式：

注释的作用：对代码进行说明，方便程序员阅读和理解，注意对于计算机的执行没有任何影响。

注释非常重要，代码正确是前提，但是清晰也是一个非常重要的原则。

程序员要养成注释的好习惯。

2.1 标题标签

略

2.2 段落标签

段落（paragraph）标签标示页面的一个段落，自动换行。

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

2.3 链接标签

链接标签<a>的作用是跳转，包括页间跳转和页内跳转。

（1）页间跳转

href属性指定链接的目标URL地址。

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

-self：当前页面中打开，默认

-blank：在新的页面中打开

-parent：

-top

Title属性指定提示信息

（2）页内跳转

在目标标签处指定id=”....”，在链接处指定href = “#...”

Id属性是页面元素唯一标识

“锚点”：anchor

2.4图片标签

在网页中嵌入图片

src:source，图片资源的URL地址，可是本地的，也可以是远程的

本地的：

远程的：

alt属性：alternative（可供替代的），即当前资源不存在时，替代显示的文字内容。

路径：

相对路径：....

绝对路径：....

“..”表示上一级目录

“.”表示当前目录

添加到图片前用”/”分开

在同一级目录下

在上一级目录下

在下一级目录下

2.5杂项

:将部分文本独立出来

<hr>

<base>

阅读全文

1 0