zoukankan      html  css  js  c++  java
  • 使用HTML的基本结构创建网页

    1、       网页的扩展名——html或htm

    2、       如何新建网页?

    步骤1

    在电脑的空白处,右键选择——>新建——文本文档

    步骤2

    把txt的扩展名,改成html或htm,点击确定

                 步骤3

                          用记事本或EditPlus打开该文件,编写网页的基本结构

    3、       网页的基本结构,html——超文本标记语言

    <html>

          <head>

               <!—网页的标题title -->

               <title>   </title>

            <!--网页编码的设置-->

               <metahttp-equiv="Content-Type"

                     content="text/html;charset=gb2312">

          说明:charset=gb2312(简体中文)或utf-8(国际通用的字符编码)

          </head>

          <body>

               <!—网页要显示的内容,放在body中 -->

                           <body>

    </html>

       会使用文本相关标签排版文本信息

    ü  标题   <h1>….<h6>,字体从大变小

    ü  段落      <p></p>

    ü  换行      <br/>

    ü  水平线  <hr/>

    ü  加粗     <strong></strong>

    ü  斜体      <em></em>

    ü  特殊的符号:空格 ,详见P16页表1-1

    ü  网页注释:<!-- 写注释内容 -->

       会使用图像相关标签实现图文并茂的页面

    <img src=”图片的相对路径 />

    Src: 指定图片的相对路径

    1、       如果网页文件和图片,在同一个文件夹

    src=”图片的名称”

    2、       如果网页文件和图片所在的文件夹,

    在同一个文件夹

    src=”图片文件夹名/图片的名称”

    Title:鼠标悬浮时,提示文字

    Alt:如果图片路径有无,替换图片的文字

    Width:图片的宽

    Height:图片的高

     相对路径和绝对路径:P21

    n  绝对路径:出现了具体的磁盘名称的路径(不使用)

    n  相对路径

    u ../:当前目录的上一级目录

    u ../../:当前目录的上一级目录的上一级目录

       会使用a标签创建超链接、锚链接以及功能性链接

    ²超链接:网页导航

    <a href=”页面的相对路径”>超链接的文字</a>

    可写的属性:target=”_self|_blank”

          _blank:打开新的网页

          _self:在当前页面打开

    ²锚链接——页面导航

    步骤1:创建锚记

               <aname=”锚记名”></a>

    步骤2:访问锚记

               <ahref=”(页面名称)#锚记名”></a>

    ²邮件链接——发送邮件

    <a href=mailto:邮箱地址>   </a>

  • 相关阅读:
    php的echo和print
    面向对象进阶:命名空间和组合
    初识面向对象
    模块和包
    异常处理
    常用模块(random,os,json,pickle,shelve)
    闭包函数
    re模块和正则表达式
    常用模块
    匿名函数
  • 原文地址:https://www.cnblogs.com/shuchongzeishuai/p/6837675.html
Copyright © 2011-2022 走看看