7.29 小美女程序员的HTML之旅

来源：互联网发布：知乎如何提问编辑：程序博客网时间：2024/06/04 18:26

1.为什么html文件里会出现不同语法的语言？

html语言是用来说明网页结构的。css是用来设计风格的类似于颜色，间距等等。

所以才会在一个html文件里出现两种不同语法的文件。

因为要针对表达不同的东西。

2.简述html语言的结构

一个html文件至少要有<html><head><body>三个元素。

<head> 元素和<body>元素要分开，但是都放在<html>元素之间，<body>里的主要是浏览器里呈现的。

所谓元素：就是成对出现的标签，类似于<head></head>为一个元素。

都是成对的，有开始有结尾的。例如<em></em>。

但也有例外<img><br>等少量的是单独出现

在body里主要有六级<h1><h2><h3><h4><h5><h6> 都是成对出现的。除非已在做一个大型复杂的文件，一般情况下不要超过<h3>。

<html>表示这是一个html文件

<head>标签包含了这个网页的信息

<title> title：标题。标题放在head 里面

<body> body :身体主要是浏览器里呈现的东西

<h1>等表示标题的等级

<p> paragraph 段落的意思

3.什么时候放尖括号里，什么时候放尖括号之间？

当我们要做连接时，eg: <a href="directions.html">detailed directions</a>

这时两个尖括号detailed directions是显示在浏览器里的内容，detailed directions下面就会出现下划线，表示这是一个链接

当我们需要给一个标签加属性（不显示在浏览器里，但是描述了两个尖括号之间显示在浏览器里）时，我们会把它放在开始标签的尖括号(成对出现的尖括号，第一个是开始标签，第二个是结束标签)里。而把要在网页显示的内容放在两个尖括号之间。

类似于上面的例子，开始标签 href="derections.html" 指的就是点击这个链接时，会链接的地址。

4.什么是子文件，什么是母文件，什么是兄弟文件？

如果apple是在一个叫fruit的文件中，

apple就是fruit的子文件，fruit就是apple的母文件。

当另外一个叫pear的文件也在fruit中时，apple和pear就是兄弟文件

5如何链接不在同一个文件夹里的文件(网页或图片等)？

接上一标题的例子，这样做链接成功的前提是这个derection. html文件和当前文件在一个文件夹内，

如果要链接的目的网页是当前页面所在文件夹的一个子文件夹里的话。比如说在一个叫about的文件夹里.

就是在目的网页前加上这个子文件夹的名字和“/”

<a href="about/directions.html">detailed directions</a>

如果要链接的目的网页是当前页面所在文件夹的一个母文件夹里的话。

就是在目的网页前加两个点和一个斜杠“../”表示往上跳一个目录。

<a href="../about/directions.html">detailed directions</a>

类似的，当我们要往上跳两级时，

我们就在前面加“../..”

6目的地址对文件跨过多少层有限制吗？

你只能跨过你生成的文件，但如果文件层太多时，说明你的网页太复杂了。

另外在路径长度上限制在255个字符内。

7.我能否用“\”而不是用“/”？

不可以，在网页中我们总是用“/”

下面举个简单的例子

在文本文件中键入一下内容：

<html>
<head>
    <title>Head First Lounge</title>
</head>
<body>
    <h1>Welcome to the New and Improved Head First Lounge</h1>
    <img src="drinks.gif">
    <p>
      Join us any evening for refreshing <a href="elixir.html">elixirs</a>,
      conversation and maybe a game or two of
      <em>Dance Dance Revolution</em>.
      Wireless access is always provided;
      BYOWS (Bring Your Own Web Server).
    </p>
    <h2>Directions</h2>
    <p>
      You'll find us right in the center
      of downtown Webville.
If you need help finding us, check out our
<a href="directions.html">detailed directions</a>
Come join us!
    </p>
</body>
</html>

然后把文本文件的后缀改为.html 例如我存这个文件为lounge.html

这时候文件图标会变成e

注意有时候文件的后缀是被隐藏的，这时候我们点击工具->文件夹选项->查看->在下拉列表里把隐藏已知类型文件拓展名前的点去掉->应用就可以了

效果如下：

0 0