zoukankan      html  css  js  c++  java
  • HTML入门例子

    HTML入门例子示例 

    <1>打开记事本:点击"开始"--选择"程序"--选择"附件"--选择"记事本"

    <2>输入下面代码(直接拷贝过去就可以啦)

    <!DOCTYPE html>
       <html>
           <head>
               <title>欢迎来到我的博客</title>
           </head>

           <body>
                <p>第一个HTML实例
                    <a href="http://www.cnblogs.com/JSWBK">这是我的博客
                    </a>
                </p>
            </body>
         </html>

    <3>点击"文件"--选择"保存"--选择文件类型为"所有文件"--文件名输入"frist.html"并选择文件保存地址.(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)

    <4>现在我们可以双击这个文件.看看效果吧 .

    现在解释一下上面的例子

    • HTML文件就是一个文本文件.文本文件的后缀名是.txt,而HTML的后缀名是.html.
    • <!DOCTYPE html>代表文档类型,大致的意思就是:这个网页是HTML文档
    • HTML文档中,第一个标签是<html>.这个标签告诉浏览器这是HTML文档的开始(见html标签).
    • HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止.
    • <head></head>标签之间的文本是头信息.在浏览器窗口中,头信息是不被显示在页面上的(见head标签).
    • <title></title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏(见title标签).
    • <body></body>标签之间的文本是正文,会被显示在浏览器中(见body标签).
    • <p></p>标签代表段落(见p标签).
    • <a></a>定义了一个超链接,用户只要点击了"尽情学习HTML",就可以链接到http://www.dreamdu.com网站(见a标签).

    几个问题

    我只能使用记事本做编辑器吗?

    答:有很多编辑器可以使用,一些所见即所得的编辑器,比如Dreamweaver,Frontpage你可以很容易创建一个页面,而不需要编写代码,但有可能产生一些垃圾代码.

    如果你想成为一名熟练的网络程序开发者,我强烈建议你用纯文本编辑器编写代码,这有助于学习HTML基础.当然也可以使用比较强大的文本编辑器,比如:Notepad++EditPlus UltraEdit.

    猴子推荐: 编辑网页时可以同时使用Dreamweaver与Notepad++,Dreamweaver的强大功能可以快速的产生大量代码,再通过Notepad++修正完善代码.

    我编写完了HTML文件,但是双击后并不能在浏览器中看到结果,为什么?

    答:请确认你保存了文件,并且使用了正确的文件名和扩展名,例如:dreamdu.html,并且确认你用浏览器打开的是同样的文件.

    我编辑了HTML文件,但是修改结果并没有在浏览器中显示,为什么?

    答:浏览器缓存了你原先的页面,所以它不会读取新的页面.你修改了这个页面,浏览器并不知道.请使用"刷新/重载"按钮来强迫浏览器读取编辑过的页面,或按F5反复刷新.

    怎么显示文件扩展名?

    答:打开"我的电脑"--选择"工具"--选择"文件夹选项"--选择"查看"--去掉"隐藏已知文件类型的扩展名"的对勾.

    显示文件扩展名

  • 相关阅读:
    git线上操作
    IDEA快捷方式
    Java 四种线程池
    java 获取当前天之后或之前7天日期
    如何理解AWS 网络,如何创建一个多层安全网络架构
    申请 Let's Encrypt 通配符 HTTPS 证书
    GCE 部署 ELK 7.1可视化分析 nginx
    使用 bash 脚本把 AWS EC2 数据备份到 S3
    使用 bash 脚本把 GCE 的数据备份到 GCS
    nginx 配置 https 并强制跳转(lnmp一键安装包)
  • 原文地址:https://www.cnblogs.com/JSWBK/p/5599687.html
Copyright © 2011-2022 走看看