首页 > html教程 > 正文

html自学教程(四)html基础

转载 2019-01-18 0 78
html自学教程(四)html基础

一 html图像

在htmtl中,图像由标签定义.是空标签,它只包含属性,并且没有闭合标签.

要在页面上显示图像,使用源属性(src).源属性的值是图像的url地址(统一资源定位符).

定义图像的语法是:

url指存储图像的位置.

first page

●如果图像无法显示,则alt属性用来为图像定义一串预备的可替换的文本.alt属性是必需的.

height(高度)与width(高度)属性用于设置图像的高度与宽度.该属性值可以以像素百分比形式指定,默认单位为像素

first page

的border属性规定图像周围的边框的宽度.默认情况下,图像是没有边框的

border属性的属性值的单位是像素.表示边框的宽度

实例:带有2个像素粗边框的图像.

二 html链接

html使用标签来设置超文本链接.

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分.

在标签中,使用href(hyper text reference)属性来描述链接的目标地址

链接的html代码很简单.格式如下:

链接文本

上边的代码显示为:链接文本(链接文本下面有下划线)

●使用target属性,你可以规定在何处打开链接文档.如果给target属性赋值_blank,将使链接在新窗口或新选项卡中打开.

链接文本

三 html列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记

无序列表使用

    标签,与
  • 标签一起使用(unordered list)

    • 咖啡
    • 牛奶

    浏览器显示效果如下:

    html自学教程(四)html基础

    有序列表也是一列项目,列表项目使用数字进行标记.

    有序列表始于

      标签,每个列表项目始于
    1. 标签.

      1. 咖啡
      2. 牛奶

      运行效果如下:

      html自学教程(四)html基础

      四 html表格

      表格由

      标签定义.

      每个表格均有若干行(由

      标签定义,table row),每行被分割为若干单元格(由

      标签定义,table division)

      下面是一个包含两行两列的表格:

      阿/td>

      运行效果:

      html自学教程(四)html基础

      ●border属性,指定表格的边框宽度,单位是像素.如果不定义边框属性,表格将不显示边框

      标签定义html表格中的标准单元格.

      ●表格的表头使用

      标签进行定义.大多数浏览器会把表头显示为粗体居中的文本

      ●使用colspan和rowspan属性分别定义跨列和跨行的表格单元格.

      下面是一个单元格跨两行的表格

      表头1表头2
      First NameBill Gates
      Telephone:555 77 666
      555 77 667

      运行效果:

      html自学教程(四)html基础

相关文章


  • HTML部分第四章——HTML常用标签
  • html表单元素-html教程
  • HTML教程:什么是HTML
  • HTML基础01-认识HTML
  • 自学HTML语言——HTML基础
  • JavaScript HTML DOM-改变 HTML
  • 「前端 Zero系列」HTML简介及语义化
  • 使用Firebug查看和编辑HTML和CSS