HTML 
      超文本标记语言，页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
      网页的本质就是超级文本标记语言，万维网是建立在超文本基础之上的。TML 通过标记符号来标记要显示的网页中的各个部分,对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
      对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果
      HTML /HTM 作为文件后缀名
 
一 整体结构
超文本标记语言的结构包括“头”部分（Head 部提供关于网页的信息)、和“主体”部分（Body 提供网页的具体内容)
 

<html>     --开始标签

<head>

-- 页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果

-- <title>页面标题</title>      内容显示在网页窗口的标题栏中

</head>

<body>

-- 页面显示的内容

</body>

</html>      --结束标签

 
附  HTML head 元素
 
 
二 文字设置
 
<u > __ __  文字___ __ </u> 下划线（英文全称：Underline）                      -- 注释  <!--注释内容-->
< b > __ __  文字___ __ </b> 黑体字 （英文全称：Bold）
< i  > __ __  文字___ __  </i> 斜体字 （英文全称：Italics）
 
< font  size=""    color=""    face=" 微软雅黑"   >  __ __  文字___ __    </font>
            字号           颜色          字体
                                                                                                          -- 设置字体大小从1到7，
                                                                                                          -- 颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值
&nbsp;       --  空格
< br />      --  回车
< p >     < /p > --锻炼标签 （所夹内容为独立的段落）
 
图片标签
 
< img / >   单身狗一只

<img  src="图片地址" alt="文字" width="" height="" title="" />                 -- 高跟宽设置一个即可，显示图片会按比例缩放。可设置具体像素也可设置百分比

-- alt在图片无法加载时，显示文字，还可帮助搜索引擎搜索。

-- tetle  图片的标题 鼠标移到图片显示

-- 图片地址为 相对路径  “ . . \xxxx    " 向上返回一层路径

-- 常用的图像文件的扩展名为 gif 和 jpg。

三 超链接

< a   href = "http://www.baidu.com"  target=" _ blank " >

< font color="red" >  百度 </ font >                             -- 将指向字体设置为红色

百度图片

< /a >

                               -- href =" 超链接地址"

                               -- target=" _ blank "    在新页面打开链接地址 

-- 对指向文字格式设置 放在<a>标签里边

第一步：做锚点的标签。<a name=""></a>

第二步：做锚点链接。<a href="目标链接的name的值"></a>

-- 去掉指向文字下的下划线

|   < style  type = " text/ess"              |

|    a  {                                              |       -- 写在 head 里

|              text - decoration : none       |

|        }                                              |

   ——  -  ——  -  ——   -  ——  -   ——  — 
                
四 表格
 
< table >
           < tr >
                  < td >
                 < /td >
          < /tr >
< /table >
 

表格   < table   border="1"  width="100%" height="100"  cellspacing ="0"  >            </table>

border：          边框，常用值0,只用在 <table >

width:            宽度，可以用像素或百分比表示。常用960像素。

height：         行高,页面会随内容的增多而增长，无法用百分比表示

cellpadding：  内容跟单元格边框的边距。常用值0。

cellspacing：   单元格之间的间距。常用值0。

align:              对齐方式 ，表格在页面的位置，通常为 左 中 右           --  center 据中     right 右     left 左边

bgcolor:          背景色。

background:   背景图片。

行   <tr   height=”100%“ align=”center“   >  </tr>

  height：       行高

align：          一行的内容的水平对齐方式

valign：        一行的内容的垂直对齐方式                    -- bottom   底      toop  顶       默认居中

bgcolor:         背景色

background:  背景图片

单元格  <td>   </td>

  <th></th>    表头，单元格的内容自动居中、加粗

width：          单元格宽度

height：         单元格高度

align:             单元格的内容的对齐方式

valign：          单元格的内容的垂直对齐方式

  bgcolor:         背景色

background:  背景图片

内容必须放在单元格里，单元格必须放在行里，行必须放在表格里。设置单元格行高、列高时，会同时影响对应的行或列

去掉表格最外边留白

< style  type = " text/ess"

|    *  {                                             |       -- 写在 head 里

|             padding : 0px ;                   |

|             margin : 0px  ;                    |

|        }                                             |

—— - —— - —— - —— - —— - —— - -

 
 
 
 
 

HTML 初识 HTML【 整体结构 文字 图片 表格 超链接】的更多相关文章

  1. c#调用Aspose.Word组件操作word 插入文字/图片/表格 书签替换套打

    由于NPOI暂时没找到书签内容替换功能,所以换用Apose.Word组件. using System; using System.Collections.Generic; using System.C ...

  2. C#/VB.NET对EXCEL图片添加超链接

    在日常工作中,在编辑文档时,为了方便自己或者Boss能够实时查看到需要的网页或者文档是,需要对在Excel中输入的相关文字进行超链接,那么对于一些在Excel中插入的图片我们该怎么实现超链接呢,下面给 ...

  3. 使用阿里云的图片识别成表格ocr（将图片表格转换成excel）

    为了简便财务总是要对照着别人发来的表格图片制作成自己的表格 图片识别 识别成表格 表格识别 ocr 使用阿里云api 购买(印刷文字识别-表格识别) https://market.aliyun.com ...

  4. 实验二　HTML中图片和超链接的应用

    实验二 HTML中图片和超链接的应用 [实验目的] 1.通过本例要求掌握常见的图像格式及图像的插入方法. 2.能够修改图像属性,利用外部图像处理软件编辑图像. 3.掌握设置各类超级连接的方法. 4.灵 ...

  5. navigation和tabbar上的文字.图片 自定义

    [[UITabBarItem appearance] setTitleTextAttributes:@{ UITextAttributeTextColor : [UIColor blackColor] ...

  6. java生成竖排文字图片

    package com.kadang.designer.web.action;import java.awt.Color;import java.awt.Font;import java.awt.Fo ...

  7. jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码

    jquery单行滚动.批量多行滚动.文字图片翻屏滚动效果代码,需要的朋友可以参考下. 以下代码,运行后,需要刷新下,才能加载jquery,要不然看不到效果.一.单行滚动效果 <!DOCTYPE ...

  8. c# post文字图片至服务器

    最近由于项目需要实现c#提交文字及数据至服务器,因此研究了一下c# php数据传送: 下面用一个示例来演示,c# post文字+图片 ,php端接收: post提交数据核心代码(post数据提交) ? ...

  9. WPF中动态更新TextBlock文字中的超链接，文本

    1.------------------------------------------------------------------------- 修改超链接的文本文字: <TextBloc ...

随机推荐

  1. 撸.NET Core的正确姿势

    特点 案例基于刚发布的.NET Core 2.1 只需一台Linux服务器搞定一切, 全程无需自己配置dotnet环境, 需要熟悉git docker基础知识可有可无, 过了下面几个步骤,你就已经入门 ...

  2. Django:常见的orm操作

    ArticlePost模型对应的表如下: 1.查询两个日期之间2019.04.20到2019.04.25之间的文章 import datetime from.models import Article ...

  3. 安装使用Entity Framework Power Tool Bate4 （Code First）从已建好的数据自动生成项目中的对应Model（新手贴，望各位大侠给予指点）

    从开始学习使用MVC以后,同时也开始接触EF,很多原理都不是太懂,只知道安装了EF以后,点击哪里可以生成数据库对应的Model,不用再自己手写Model.这里记录的就是如何从已建立好的数据库生成项目代 ...

  4. B/S FastReprot使用

    FastReport 交流群 群   号:554714044 前言 由于公司开发新产品,前后端分离.netcore +Angular ,之前C/S项目一直使用FastReport ,考虑到员工切换比较 ...

  5. jQuery的addClass,removeClass和toggleClass方法

    jQuery的addClass,removeClass和toggleClass方法,最后一个方法在某一情形之下,可以替代前面2个方法. 第一个方法addClass为元素添加一个class. 第二个方法 ...

  6. D01-R语言基础学习

    R语言基础学习——D01 20190410内容纲要: 1.R的下载与安装 2.R包的安装与使用方法 (1)查看已安装的包 (2)查看是否安装过包 (3)安装包 (4)更新包 3.结果的重用 4.R处理 ...

  7. MapReducer

    MapReducer    概述        是一个分布式的计算框架(编程模型),最初由由谷歌的工程师开发,基于GFS的分布式计算框架.后来Cutting根据<Google Mapreduce ...

  8. jdk1.8+SpringAOP注解报java.lang.IllegalArgumentException: error at ::0 can't find referenced pointcut select错误的不知原因的解决办法[仅供参考]

    先说办法:如果Aspectweaver-1.*.*jar这三个包版本比较低, 比如1.5.0这一层次的,可以找版本高一点的包替换低版本的包,问题可以得到解决 jar包的下载地址:https://mvn ...

  9. TortoiseSVN切换更改登录账号密码

    TortoiseSVN切换更改登录账号密码 方法: 在TortoiseSVN的设置对话框中,选择“已保存数据”,在“认证数据”那一行点击“清除”按钮,清楚保存的认证数据,再检出的时候就会重新跳出用户名 ...

  10. 给1~3年iOS开发 经验朋友们的一些建议（附BAT面试题）

    前言 由于笔者是做 iOS 开发的,因此本文也仅对做 iOS 的同行们有针对性,其他方向仅供参考. 1,如果你: 1~3年左右工作经验,本科,非计算机相关科班出生,学校又比较一般. 实习企业不理想没有 ...