HTML

作者: 一个很近的地方 | 来源:发表于2016-07-23 11:11 被阅读6次

主要知识点:图像   链接  表格

        今天是学习HTM的第六天,但是今天要记录的知识点是两天前的,因为偷了一下懒,所以欠下了好几天的债。

一,图像:

     图像的格式包括:JPG  png gif

     图像元素(标签):<img>

     语法:<img src="图像地址">  src:是指图像的来源,img标签不是闭合标签

示例如下

1,背景图像<body background="/123.jpg">gif 和jip文件均可以作用于HTML背景,如果图像小于页面,图像会进行重复

2,排列图片:未设置对其方式的图像<img src="../123.j[g">

                  设置对其方式为bottom的图像<img src="../123.jpg" align="bottom">

                  设置对其方式为middle图像<img src="../123.jpg" align="middle">

                  设置对其方式为top图像<img src="123.jpg" align="top">

图像的属相align相关的值还有center  right left 。还可以设置图像的宽weight  高hight,对于weight和hight的属性值可以放大或缩小图像的值。

3,将图像作为连接来使用:<a href="链接地址"><img border=0 src="123.jpg"></a>


二,链接:

链接有很多种形式,可以链接文字,图像 ,浏览器地址,邮箱,另一个HTML文件, 锚点等多种形式,

链接文字:<a href="地址">文字</a>

链接图像:<a href="图像地址+文件名"></a>

锚点:<a name="锚点名称">

在链接时,要找对绝对地址和相对地址(从里往外找时  ../,从外往里找时   文件名/运行文件)

三,表格

1,表格元素

table :创建表格

caption:表头

tr :创建表格的行开始

td:创建表格的列开始

2,写作方式一:

<table>

<capition></caption>

    <tr>

<td></td>

      </tr>

写法二:

<table>

<caption></caption>

<thead></theaf>

<tbody></tbody>

<tfoot></tfoot>

<table>

3,表格属性 caption

1,style:(可以设置   字体颜色,字体大小,),      2,align(设置对其方式)

table属性

1,border:设置边框  2,align(设置对其方式  center right left)  3,style(可以设置  字体颜色,字体大小) 4,cellpadding(单元格内容与边框之间的空白)  5,cellspacing(增加单元格之间的距离 )   6,gbcolor(表格背景颜色),

4,表格相关复杂操作

colspan:列合并

rowspan:行合并

valign: 内容迟滞排列方式(middle居中   bottom下对齐   top上对齐  baseline与基线对齐)

align:(center right left)

接下来看一个示例:

代码:

相关文章

  • 基础编程语言学习线路图

    HTML HTML教程HTML简介HTML编辑器HTML基础HTML元素HTML属性 HTML标题HTML段落HT...

  • HTML头部-10

    HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML ...

  • html 大纲

    html 通用 html 简介 html 常用标签 html 属性 html 表格 html 字体 html 表单...

  • web 前端学习线路图

    一、HTML 教程 HTML教程HTML简介HTML编辑器HTML基础HTML元素HTML属性 HTML标题HTM...

  • 2018-06-04——HTML简介

    HTML 简介 HTML 标签 ·HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 ·HTML...

  • HTML 基础

    HTML 标题 HTML 段落 HTML 链接 HTML 图像 HTML 文本格式化标签 HTML ...

  • html常用的基本标签

    HTML基础包括web工作原理,HTML概述,HTML基本标签和HTML高级标签。 〈html〉...〈/html...

  • Html 学习笔记

    HTML基础 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag) HTML 标签通...

  • HTML:基础(2)元素

    HTML 元素 HTML 文档由 HTML 元素定义。 HTML 元素语法 HTML 元素以开始标签起始 HTML...

  • 2018-10-29 第二阶段 day1 htm

    1.html说明 说明html版本html5-- ...

网友评论

      本文标题: HTML

      本文链接:https://www.haomeiwen.com/subject/tpgijttx.html