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 部署 docker (CentOS7)

    最近研究 docker 在Linux 下部署 .net core 项目,在过程中踩了很多坑,网上的资料对我帮助确实大,但有些问题未指明出来. 特地整理一份在发布文档 本文使用的是 root 账号操作, ...

  2. BZOJ百题版切计划(不咕)

    传送门 BZOJ 前言 听说最近要省选,那么我就写一下吧.QwQ! 1000 过于简单,不写了. 1001 不会对偶图,直接优化最小割 题解 1002 高精度套公式计算 题解 (Code by hey ...

  3. “全栈2019”Java多线程第三十一章:中断正在等待显式锁的线程

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

  4. 使用solr crud 的三种方式(了该)

    1.solrJ       实际是http 请/响 2.spring data solr 实际是对官方类库(solrJ)的封装 3.使用httpClient 手动请求

  5. hashMap tableSizeFor 实现原理

    基于jdk1.8 hashMap实现,要求容量大小是2的整次方,例如:2/4/8/16/32/64/128...,而不能是中间的某个值.这是为什么呢? map是数组+链表的数据结构,读写数据都需要首先 ...

  6. Spring boot中使用log4j

    我们知道,Spring Boot中默认日志工具为logback,但是对于习惯了log4j的开发者,Spring Boot依然可以很好的支持,只是需要做一些小小的配置功能.Spring Boot使用lo ...

  7. 套接字:Socket

    在进行通信之前,一般要先建立Socket连接,Socket编程是端到端的通信,往往意识不到中间经过了多少局域网,多少路由器,他能操作的是端到端协议之上的网络层和传输层. 在网络层,Socket函数可以 ...

  8. idea导入myeclipes项目、运行项目

    1. 导入,部署: https://blog.csdn.net/u010570551/article/details/51510447 2. idea导入MyEclipse Web项目时,服务器搭建运 ...

  9. Mybatis 逆向工程学习随笔

    一.逆向工程的作用 简单来说,就是替我们生成Java代码. 之前使用Mybatis的Mapper代理方法开发,还需要自己创建实体类,而且属性还得和数据库中的字段对应.这着实是机械化的而且比较麻烦的事, ...

  10. C、C++打包成.dll .so .a 给Unity使用

    C.C++打包成.dll .so .a 给Unity使用 打包.dll库 工具:VS 使用VS新建项目 选择不大于.NET3.5的版本 选择Visual C++ -> Win32 控制台应用程序 ...