HTML整理1

来源：互联网发布：node什么意思编辑：程序博客网时间：2024/06/01 08:30

HTML笔记

1.1基础知识

什么是计算机语言？

人与人之间交流是通过语言，那么人与计算机之间如何进行交流？计算机只认识“0”和“1”这种语言，座椅我们通过“0”和“1”这种语系和计算机交流，这是机器语言。

机器语言对于人来讲太难理解，编程太困难，

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

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

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

0和1的编程类似于电压的高低，电流的正负

If（a>b）{

c=a+1; 内存、cpu、运行器、加法语句

}else{

c=b;

}

常见的编程语言：C 、C++、C#、Php、Java

1.2什么是标记语言

什么是文本文件？

只有文本内容，没有任何格式

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

在word中输入同样的内容，同时设置相应的格式，在其他电脑上显示同样的格式

说明word文档中除了存储内容，还存储了格式等信息（document.xml）ml就是标记语言（Markup Language）的缩写。

我们要学的HTML（HyperTextMarkedLanguage）也是一种标记语言。

超文本:不仅仅能表达文本信息，还能表示音频、格式等等信息。

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

<!DOCTYPEHTMLPUBLIC"-//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"/>
    <title>我的第一个网页</title>
</head>

注释：

快捷键：Ctrl+shift+/

形式：

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

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

基本标签

<标签名></标签名>

2.1标题标签

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

2.2段落标签

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

2.3链接标签

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

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

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

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

-blank：在新的页面中打开

-parent：.......

-top:......

title属性指定提示信息

（2）页内的跳转

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

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

“锚点”：anchor

2.4图片标签<img> image

在网页中嵌入图片

Src;source,图片资源的URL地址，可以是本地的，也可以是远程的。

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

路径：

相对路径：是从盘符开始的路径，形如C:\windows\system32\cmd.exe

绝对路径：是从当前路径开始的路径，假如当前路径为C:\windows
要描述上述路径，只需输入system32\cmd.exe实际上，严格的相对路径写法应为.\system32\cmd.exe

‘’..’’表示上一级目录

‘’.’’表示当前目录

在同一级目录：

在上一级目录：

在下一级目录：

2..5杂项

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

<br>：强制换行

<hr>：标签水平线

<base>：标签为页面上的所有链接规定默认地址或默认目标。

阅读全文

0 0