码迷,mamicode.com
首页 > Web开发 > 详细

课堂笔记——HTML

时间:2016-04-30 15:25:37      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

HTML:超文本标记语言  

HTML标签---成对儿出现的是双标签元素,单个儿出现的是单标签元素

一、通用标签

  1.格式控制标签

    <font></font> 文字

    color-文字颜色 face-文字字体 size-文字大小

    <b></b>加粗

    <i></i>倾斜

    <u></u>下划线

    <br/>换行

    &nbsp;空格

    <center></center> 居中

  2.内容标签(内容标签都有style属性)

    <h1></h1>~<h6></h6> 标题(h1字号最大,h6字号最小)

    <p></p> 段落

    <div></div>层标签,用于网页布局

    <span></span> 层标签,用于网页布局

    <ol></ol>有序列表

    <ol>

    <li>第一项</li>

    <li>第二项</li>

    <li>第三项</li>

    </ol>

    页面显示为:

    1.第一项

    2.第二项

    3.第三项

    有序列表一般默认阿拉伯数字排序,从1开始,也可用type属性设置英文或罗马数字标号

    <ul></ul>无序列表

    <ul>

    <li>第一项</li>

    <li>第二项</li>

    <li>第三项</li>

    </ul>

    页面显示为:

    ●第一项

    ●第二项

    ●第三项

   二、常见标签

    <img/>图片

    <img src=" " width="宽度值" height="高度值" alt="卡通人物"/>

    src属性-图片源

    alt属性-设置图片为超链接时定义的图片名

    调整width、height数值,修改原尺寸过大的图片,使之适应网页布局

    <table></table> 表格

  插入表格代码:

      

<table>

   <tr>

      <td><td/>

      <td><td/>

   </tr>

   <tr>

      <td><td/>

      <td><td/>

   <tr/>

   <tr>

      <td><td/>

      <td><td/>

   <tr/>

</table>

 

   body的几个属性:

    background 背景图片 bgcolor背景色 text 网页文字

    Dreamweaver三个界面:代码界面、拆分界面、设计界面(可以在设计界面直接添加表格)

  表格的几个属性:

    width 宽度 border 边框 align 对齐方式 bgcolor 背景色 rowspan 合并行 colspan 合并列

    <a></a> 超链接

    href属性-指向超链接跳转页面

    <a href="网址或文件名"> 插入网页或文件超链接

    target属性-超链接的打开方式

    <a href=“http://www.baidu.com”  target="_blank">超链接</a>

课堂笔记——HTML

标签:

原文地址:http://www.cnblogs.com/yuyu1993/p/5448759.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!