zoukankan      html  css  js  c++  java
  • 我给女朋友讲编程html系列(1) -- Html快速入门

     

          Html是一门编写网页的语言。

          在我学习Html的时候,网上的很多朋友说,直接使用【记事本】编写就行了,最后保存为后缀名为 .html 的文件。

          不过,我建议你用【Nodepad++】来编写网页,用这个软件有几个好处:

    1,像<html>这样的标签,在Nodepad++中是变颜色的,方便识别;而且成对的标签可以折叠。

    2,按住Ctrl键,滑动滑轮,可以放大或缩小字体,我就比较喜欢大字体,不费眼睛。

     

    你可以到网上搜一下Nodepad++,然后安装一下。

     

    下面就开始编写你的第一个网页。

     

    1,打开Nodepad++,选择【文件】->【新建】

    2,在新建的文件中输入下面的内容:

    <html>
    <head>
    <title>
    html快速入门
    </title>
    </head>
    
    <body>
    这是我写的第一个网页。
    原来写网页是这么的简单!
    </body>
    
    </html>

    3,选择【文件】->【保存】->在文件名右边的框中写上 home.html

    ->单击保存

    4,找到 home.html保存的位置,双击打开,就可以看到你写的第一个网页了。

     

    下面开始讲解这个网页的内容。

    1,像 <html>,<head>,<body>,这些都是标签,而且一般都是成对出现的,比如<html></html>,后面的那个标签多一个斜线 / ,这就构成了一对闭合的标签。

    2,网页是由上面介绍的这些标签构成的。

    (1)最外层是<html></html>,它表明了这是一个网页;

    (2)内部的<head></head>,它代表网页的“头”,这里面一般会写脚本和样式,后面我会讲到,暂时不用管。

    (3)head标签内部的title标签,title体现了网页的主题内容,一定要加上。而且要突出关键词,方便用户搜索到。例如:

    方式A: <title>小游戏 | 休闲小游戏 </title>

    方式B: <title>小游戏 - 打造全国最好休闲小游戏网站</title>

    这两种表达方式除了能有效提高主关键字【小游戏】的词频外,还增加了意义相近的辅关键字【休闲小游戏】。其中,A中采取的是多个关键字简单排列的形式;而B则采取的是对主关键字进行描述的形式,这样不但更能得到搜索引擎的青睐,同时也更能吸引用户的点击。

     

    (4)<body></body>,它代表网页的“身体”,里面的文本可以直接在网页中看到。一般其他的标签也都是放在body当中的,后面我会讲到。

     

    学到这里,你就可以编写出一个简单的网页了,下面说几点内容,帮你排除一些困惑。

     

    1,怎么判断一个文件是不是网页?

    一般,网页的后缀名都是 .html,.htm,所以我让你把刚才新建的文件保存为 home.html,这就把它保存为了网页,你就可以双击打开它,在浏览器中看到这个网页。

     

    2,我看到一些网页的头部有下面的内容,请问它是什么啊?我用记住怎么写吗?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    这个是用来告诉浏览器:这个网页是什么类型。网页有不同的类型,不同类型就有不同的要求,像这里的Transitional,就说明了这是一个过渡类型的网页,也就是一个有要求、但要求不太严格的网页。

     

    完全没有必要记住这一串内容怎么写。我当时学习网页的时候就是被这一串内容吓得几天不敢学html了,你只要知道这是一段网页类型的声明就行了,如果你使用【Dreamweaver】来建网页,它会自动给你写好的。即便Nodepad++没有添加,那也是直接复制一下就行了,而且学习html的时候,根本不用管这段内容。

     

    3,每建一个网页,我都需要把这些内容一个字母一个字母的敲出来吗?

    刚开始学习的时候,最好手动敲一下这些标签,比如html,head,body等等。多写多练习,很容易就学会了。

    当你熟练了以后,可以直接使用【Dreamweaver】来建网页,新建的网页直接就包括了html的基本结构,你只需要添加需要的内容就行了。

    而且,当你工作之后,写的很多网页可能都是类似的,基本上都是粘贴复制,然后修改一下。不过,粘贴复制容易出错,因为可能某个地方你没有修改过来,因此,你要仔细检查一下。

     

  • 相关阅读:
    C# 实现简单打印(二)打印一个文本文档,打印的内容是多行的
    用户管理:登录窗体通过ShowDialog()方法实现切换
    SQL 定义与使用数据库及表 实例_(学生,课程表,选修表)
    temp0305
    计算机硬件通用功能类:硬件信息控制器(主机名,cpu编号,网卡地址,MAC地址,主硬盘编号,ip地址,获取最大线程数,验证服务IP)
    socket编程:简单的TCP服务器
    从输入的邮箱地址中提取用户名
    C#基础:helloWord book 实例小集合
    怎么样datatable表中增加一行合计行?
    C#基础:多态:基类可以定义并实现虚(virtual)方法,派生类可以重写(override)这些方法
  • 原文地址:https://www.cnblogs.com/workest/p/3855686.html
Copyright © 2011-2022 走看看