HTML 初识 HTML【 整体结构 文字 图片 表格 超链接】
<html> --开始标签
<head>
-- 页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果
-- <title>页面标题</title> 内容显示在网页窗口的标题栏中
</head>
<body>
-- 页面显示的内容
</body>
</html> --结束标签
<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 |
| } |
< tr >
< 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【 整体结构 文字 图片 表格 超链接】的更多相关文章
- c#调用Aspose.Word组件操作word 插入文字/图片/表格 书签替换套打
由于NPOI暂时没找到书签内容替换功能,所以换用Apose.Word组件. using System; using System.Collections.Generic; using System.C ...
- C#/VB.NET对EXCEL图片添加超链接
在日常工作中,在编辑文档时,为了方便自己或者Boss能够实时查看到需要的网页或者文档是,需要对在Excel中输入的相关文字进行超链接,那么对于一些在Excel中插入的图片我们该怎么实现超链接呢,下面给 ...
- 使用阿里云的图片识别成表格ocr(将图片表格转换成excel)
为了简便财务总是要对照着别人发来的表格图片制作成自己的表格 图片识别 识别成表格 表格识别 ocr 使用阿里云api 购买(印刷文字识别-表格识别) https://market.aliyun.com ...
- 实验二 HTML中图片和超链接的应用
实验二 HTML中图片和超链接的应用 [实验目的] 1.通过本例要求掌握常见的图像格式及图像的插入方法. 2.能够修改图像属性,利用外部图像处理软件编辑图像. 3.掌握设置各类超级连接的方法. 4.灵 ...
- navigation和tabbar上的文字.图片 自定义
[[UITabBarItem appearance] setTitleTextAttributes:@{ UITextAttributeTextColor : [UIColor blackColor] ...
- java生成竖排文字图片
package com.kadang.designer.web.action;import java.awt.Color;import java.awt.Font;import java.awt.Fo ...
- jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码
jquery单行滚动.批量多行滚动.文字图片翻屏滚动效果代码,需要的朋友可以参考下. 以下代码,运行后,需要刷新下,才能加载jquery,要不然看不到效果.一.单行滚动效果 <!DOCTYPE ...
- c# post文字图片至服务器
最近由于项目需要实现c#提交文字及数据至服务器,因此研究了一下c# php数据传送: 下面用一个示例来演示,c# post文字+图片 ,php端接收: post提交数据核心代码(post数据提交) ? ...
- WPF中动态更新TextBlock文字中的超链接,文本
1.------------------------------------------------------------------------- 修改超链接的文本文字: <TextBloc ...
随机推荐
- .net core 部署 docker (CentOS7)
最近研究 docker 在Linux 下部署 .net core 项目,在过程中踩了很多坑,网上的资料对我帮助确实大,但有些问题未指明出来. 特地整理一份在发布文档 本文使用的是 root 账号操作, ...
- BZOJ百题版切计划(不咕)
传送门 BZOJ 前言 听说最近要省选,那么我就写一下吧.QwQ! 1000 过于简单,不写了. 1001 不会对偶图,直接优化最小割 题解 1002 高精度套公式计算 题解 (Code by hey ...
- “全栈2019”Java多线程第三十一章:中断正在等待显式锁的线程
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...
- 使用solr crud 的三种方式(了该)
1.solrJ 实际是http 请/响 2.spring data solr 实际是对官方类库(solrJ)的封装 3.使用httpClient 手动请求
- hashMap tableSizeFor 实现原理
基于jdk1.8 hashMap实现,要求容量大小是2的整次方,例如:2/4/8/16/32/64/128...,而不能是中间的某个值.这是为什么呢? map是数组+链表的数据结构,读写数据都需要首先 ...
- Spring boot中使用log4j
我们知道,Spring Boot中默认日志工具为logback,但是对于习惯了log4j的开发者,Spring Boot依然可以很好的支持,只是需要做一些小小的配置功能.Spring Boot使用lo ...
- 套接字:Socket
在进行通信之前,一般要先建立Socket连接,Socket编程是端到端的通信,往往意识不到中间经过了多少局域网,多少路由器,他能操作的是端到端协议之上的网络层和传输层. 在网络层,Socket函数可以 ...
- idea导入myeclipes项目、运行项目
1. 导入,部署: https://blog.csdn.net/u010570551/article/details/51510447 2. idea导入MyEclipse Web项目时,服务器搭建运 ...
- Mybatis 逆向工程学习随笔
一.逆向工程的作用 简单来说,就是替我们生成Java代码. 之前使用Mybatis的Mapper代理方法开发,还需要自己创建实体类,而且属性还得和数据库中的字段对应.这着实是机械化的而且比较麻烦的事, ...
- C、C++打包成.dll .so .a 给Unity使用
C.C++打包成.dll .so .a 给Unity使用 打包.dll库 工具:VS 使用VS新建项目 选择不大于.NET3.5的版本 选择Visual C++ -> Win32 控制台应用程序 ...