【2017-03-20】HTML基础知识,标记,表格,表格嵌套及布局,超链接

一、HTML  网站(站点),网页基础知识

HTML是一门编程语言的名字:超文本标记语言

可以理解为:超越了文本的范畴,可以有图片、视频、音频、动画特效等其他内容,用标记的方法进行编程的计算机语言

基本格式:

<html>

<title>标题名称</title>

<head>

网页渲染,特效

</head>

<body>

网页内容

</body>

</html>

二、标记

添加注释:<!--注释内容-->

1.文字标记

文字加粗:<b>文字</b>   或  <strong>文字<strong>

文字倾斜:<i>文字</i>

文字下划线:<u>文字</u>

文字颜色,字号,字体:<font color=""  size=""  face="">文字</font>

color可以为颜色的英文名称,也可以为色号,即#+(A-F)之间任意3个字母      (http://tool.oschina.net/commons?type=3)

size=1-7其中一个数字   1最小,7最大

face直接写字体的中文名称即可

2.图片标记

<img src="图片路径" width="宽度" height="高度" title="标签">   (图片最好和HTML文件放在一个同一个文件夹,方便操作)   ../  向上一层

title是图片标签,显示效果:将鼠标放置到图片上会显示该图片对应的标签的内容

如果想将图片等比放大或缩小只需控制宽度或者高度其中一项即可

宽度和高度可以为数值,也可以为%,width=100%即为将图片左右平铺,height=100%即为将图片上下平铺

3、常用标记

&nbsp;   --空格

<br/>    --换行

<p>段落内容<p>    --段落上下会各空一行

三、表格

1.基本格式

<table>                           --表格

<tr>                            --行

<td></td>                --单元格

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

表示创建一个表格,第一行有3个单元格,第二行有2个单元格

2.属性

border=""     --边框粗细,0或1

width=""       --宽度,   px或%

height=""      --高度,   px或%

align=""        --水平排列格式,center/left/right

valign=""       --垂直排列格式,center/top/bottom

bgcolor=""       --背景色

background=""    --背景图片

cellspacing=""      --单元格之间的间距  外间距

cellpadding=""     --单元格与内容的间距    内间距

3.去掉浏览器界面中表格四周的空白边框

在<head></head>输入如下代码:

<style type="text/css">

*{

padding:0px;

margin:0px;

}

</style>

四、超链接

<a href="链接地址">图片/文字</a>     --点击图片/文字直接从本页面跳转到链接页面

注:链接地址如果是本地地址,填写相对路径即可;链接地址如果是公共网址,则必须加http://

<a href="链接地址" target="_blank">图片/文字</a>    --点击图片/文字,会新建网页跳转到链接页面

时间: 2025-01-01 20:47:02

【2017-03-20】HTML基础知识,标记,表格,表格嵌套及布局,超链接的相关文章

前端开发:css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^  下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们

做好SEO需要掌握的20个基础知识

作为一个网站优化者,有一些基础seo知识点是大家必须要掌握的,网站排名的好快,和这些基础的SEO优化知识有没做好,有没做到位,有着直接的关系!今天,伟伟SEO就把我前面讲的SEO优化基础知识做个总结,大家优化网站时,比对自己现在做的网站是否存在这样的问题,进行基础的网站优化!这些都没有问题后,我们的网站优化就已经迈开成功的一大步! 一.避免站点有死链接 死链接指的就是失效的链接.错误链接,它原本是正常的,但是后来就变成无效的链接,使得网页中打开这个死链接地址,服务器回应的就是打不开的页面或友好的

美国绿卡基础知识:I-539和I-129表格的应用回复新帖

美国绿卡基础知识:I-539和I-129表格的应用 发布于: 2011/07/25  8:43 am 引用 I-539,就是和万金油类似的表格.不管你是要延期,还是转换身份:不管你是 B-2 到 F-1,还是 H-1 到 F-2,通通都是它.它唯一不能做的就是,转到 H-1 去,或 H-1 的延期及换雇主.那是 I-129 的职责.来到美国之后,没有填过 I-539 表格的同学,恐怕是凤毛麟角.谁没有改过身份?F-2 改成 F-1 去读书,H-1 被 laid off 了 就 变成 H-4. 还

Java学习-033-JavaWeb_002 -- 网页标记语言JSP基础知识

JSP 是 Sun 公司提倡的一门网页技术标准.在 HTML 文件中,加入 Java 代码就构成了 JSP 网页,当 Web 服务器访问 JSP 请求的时候,首先执行其中的 Java 程序源码,然后以 HTML 形式返回, Java 程序运行在服务端,最终显示在客户端.JSP 源于 Java,因而 JSP 的运行环境依赖JDK,当然也需要服务器软件(例如 Tomcat 等). 一.运行环境搭建 1.安装 JDK,请参阅之前的博文:Java学习-001-JDK安装配置 2.Tomcat部署及环境变

Python基础-03.Python基础知识

本节主要介绍Python中的基础知识中的数据类型,数字和布尔值 介绍几个知识点:1)内置函数print()的用法,直接打印括号里面的内容,或者print后跟多个输出,以逗号分隔.2)内置函数type(),查询变量的数据类型.使用以下命令可以查看变量aaa的数据类型>>>print(aaa,type(aaa)) 1.基本数据类型 1.1.数字 1)int(integer整数,整型) 例如:6是一个整数的例子. 2)long(长整型)长整数是大一些的整数.跟C语言不同,Python的长整数没

RabbitMQ,Apache的ActiveMQ,阿里RocketMQ,Kafka,ZeroMQ,MetaMQ,Redis也可实现消息队列,RabbitMQ的应用场景以及基本原理介绍,RabbitMQ基础知识详解,RabbitMQ布曙

消息队列及常见消息队列介绍 2017-10-10 09:35操作系统/客户端/人脸识别 一.消息队列(MQ)概述 消息队列(Message Queue),是分布式系统中重要的组件,其通用的使用场景可以简单地描述为: 当不需要立即获得结果,但是并发量又需要进行控制的时候,差不多就是需要使用消息队列的时候. 消息队列主要解决了应用耦合.异步处理.流量削锋等问题. 当前使用较多的消息队列有RabbitMQ.RocketMQ.ActiveMQ.Kafka.ZeroMQ.MetaMq等,而部分数据库如Re

【Python数据挖掘课程】六.Numpy、Pandas和Matplotlib包基础知识

前面几篇文章采用的案例的方法进行介绍的,这篇文章主要介绍Python常用的扩展包,同时结合数据挖掘相关知识介绍该包具体的用法,主要介绍Numpy.Pandas和Matplotlib三个包.目录:        一.Python常用扩展包        二.Numpy科学计算包        三.Pandas数据分析包        四.Matplotlib绘图包 前文推荐:       [Python数据挖掘课程]一.安装Python及爬虫入门介绍       [Python数据挖掘课程]二.K

【深度分解】听趣拍云产品经理剖析视频基础知识(2)

"随着技术的不断进步,视频技术的制作加工门槛逐渐降低,信息资源的不断增长,同时由于视频信息内容更加丰富完整的先天优势,在近年来已经逐渐成为主流.在基础知识(1)里面已经讲了模拟时代和数字化时代的视频技术.接下来将对视频编码与压缩.画面压缩.运动压缩.互联网视频应用的到来做一个详细的介绍." 视频编码与压缩 视频编码与压缩,是数字化视频非常重要的技术,以至于它直接影响到视频在各个领域的应用.如果没有视频编码技术的不断提高,我们今天也不可能在方方面面享受到视频的便利性. 首先,视频编码是一

绿卡基础知识:I-129

绿卡基础知识:I-129 标签: 绿卡基础知识 I-129 表格本不该你来填的.那是你老板的 business.在美国工作,除非是公民或有绿卡,都需要移民局的批准.如果你没有 EAD,I-129 就是你的唯一之道.I-129 是雇主用来给受益人申请 E/H/L/O/P/Q etc 的,而同学们用得多的是 H-1B1.如果你是 DIY,请记住所有的签字包括 LCA,都得通过雇主.不要稀里糊涂偏进了 fraud. 申请 H-1B 有名额的限制(即所谓的 Reg Cap),每年是 65,000(其中