zoukankan      html  css  js  c++  java
  • HTML day 1 设计一个简单的网页

    一,什么是HTML

    HTML:超文本标记语言

    可通俗理解为:超与文本范畴(不局限于文本,可以是图片,视频,音频),用标记的方法来进行编程的计算机语言。

    二,基本格式

    注释:<!--注释内容-->

    <HTML> 开始标记

    <title>标题名称</title>(百度一下,你就知道)

    <head> 

    网页渲染,特效

    </head>

    <body>

    网页展示内容

    </body>

    </HTML>结束标记

    三,文本设计  (加粗,倾斜,下划线,字体,大小,颜色)

    文字加粗:<b>文字</b>

    文字倾斜:<i>文字</i>

    文字下划线:<u>文字</u>

    对文字进行字体,颜色,字号修改:<font></font>

     字体:face="黑体"    

     字号:size="1"       (1- 7  1最小,7最大)

     字色:color="yellow"       (可以是颜色的英文字母,也可是http://tool.oschina.net/commons?type=3)

    空格:&nbsp;                 ( 一个&nbsp;代表一个空格)

    换行:<br/>

    段落:<p>段落内容</p>         (堕落默认上下各空一行,空行高度为最小字号,两个段部之间也是空一行,段落完成后自动空一行,并且换行)

    加粗:<strong></strong>        (强调换行,其实还是换行)

    三,放置图片

    放置图片<img src="图片路径">   (图片最好和HTML文件放在一个同一个文件夹,方便操作)   ../  向上一层

    设置图片宽度:width="20"               (20也可以换成%100,意为在页面左右平铺)

    设置图片高度:height="20"              (20也可以换成%100,意为在页面上下平铺)

    设置图片标题:title="哈哈哈"             (对图片进行注释,鼠标放到图片上,有文字提示注释)

    四,关于表格

    <table>表格

    <tr>行

    <td>每一行单元格

    <td/>

    <tr/>

    <>

    border=""         表格边线

    width=""          宽度

    height=""         高度

    cellspacing=""           单元格与单元格之间的距离

    cellpadding=""           内容到边框的距离

    bgcoler=""           背景颜色

    background="图片路径"        背景图片

    align=""          上下对齐方式         center,left

    valign=""           左右对齐方式       center,left

     

    在</tittle>和</head>之间输入:

    <style type="text/css">
    * {
    padding: 0px;
    margin: 0px;
    }
    </style>

     可实现表格贴合页面最外边:

    五,超链接

    <a href="http://www.baidu.com" target="black">图片/文字</a>

    target="_black"  新建选项卡打开

  • 相关阅读:
    Java 线程池概念、原理、简单实现
    Java 中的等待唤醒机制透彻讲解
    Java 多线程安全问题简单切入详细解析
    理解 Java 多线程
    Java 异常的处理
    Android MediaPlayer的生命周期
    Node.js 撸第一个Web应用
    Android简易实战教程--第三十四话《 自定义SeekBar以及里面的一些小知识》
    使用Intent传递对象
    Android 异步查询框架AsyncQueryHandler的使用
  • 原文地址:https://www.cnblogs.com/zhangxin4477/p/6591777.html
Copyright © 2011-2022 走看看