zoukankan      html  css  js  c++  java
  • html之入门篇--第一篇

    1.html的定义:一种描述网页的语言,属于一种标记语言。

    2.html编辑器:推荐使用notepad++,当然普通的电脑记事本也是可以使用的,只需保存时,保存为.html文件即可。

    3.简单实例一:

    <!doctype html>
    <!--声明文档的解析类型,一般html文件要含有,不区分大小写,即DOCTYPE也是可以的-->
    <html>
    <head>
    <meta charset ="utf-8">
    <!--定义html文件以uft-8编码保存-->
    <title>简单实例一</title>
    <!--定义web的标题-->
    </head>
    <body>
    <!--body部分是主要实现代码的部分,类似c中的main函数-->
    <h1>我的第一个标题</h1>
    <!--web内容中的标题,默认为粗体,1代表为第一条标题-->
    <p>我的第一个段落</p>
    <!--定义文本中的段落-->
    </body>
    </html>

    实现效果如下:

    注意:html中注释代码通过<!--注释内容-->形式。

    4.简单实例二---定义链接和图片

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>图像和链接实例</title>
    </head>
    <body>

    <a href="http://www.cnblogs.com/xy95/">这是我的博客链接</a>
    <!--实现链接的模板为: <a href="链接地址">+文本(图像)+</a> -->
    <br/>
    <!--这个代表换行-->
    <img src="test2.png" width="150" height="150"/>
    <!--显示图片的模板为: <img src="图片地址" width="图片宽度" height="图片高度"/> -->
    <br/>

    <a href="http://www.cnblogs.com/xy95/"><img src="test2.png" width="50" height="50"/></a>
    <!--这是一个通过图片点击的链接,实际上把链接模板中的文本换成图片即可-->
    </body>
    </html>

    实现效果:

    注意事项:图片定义时,地址一定要声明好,最好把文件和图像放在同一路径下,否则应该要声明图像地址,如/html/test.png之类。

  • 相关阅读:
    从Hello World说起(Dart)到“几乎所有东西都是Widget”小部件。
    C#开发者工具网
    sqlitestudio
    jstat命令 Java Virtual Machine Statistics Monitoring Tool
    ProxyPass与ProxyPassReverse及ProxyPassMatch的概述
    IBM MQ介绍
    sun misc unsafe类的使用
    Android Webview实现文件下载功能
    使用OpenSSL生成私钥 Private Key 以及根据Private Key创建证书
    阿里巴巴的面试
  • 原文地址:https://www.cnblogs.com/xy95/p/5787730.html
Copyright © 2011-2022 走看看