【2017-03-20】HTML基础知识、文字标记、图片标记、空格换行、表格、表格嵌套及布局、超链接
一、HTML基础知识
HTML: 网站（站点） - 网页
网站是由一个或者多个网页组合起来的
HTML作为文件后缀名，可以把文件变为网页
HTML是一门编程语言的名字：超文本标记语言
超越了文字的范畴，除了文字还可以有图片、视频、音频、动画特效等其它内容，由标记（<>）组成的一门计算机编程语言
HTML语言的作用：制作网页
基本格式：
<html>
<head></head> <!--“头”是整个html的“灵魂”-->
<body></body> <!--“身体”是整个html的所展示出来的内容-->
</html>
注释编写方式：<!--注释的内容-->
二、标记
1、文字标记
加粗：<b></b>
倾斜：<i></i>
下划线：<u></u>
加颜色、字号、字体：<font color="" size="" face=""></font> <!--color引号内可以写颜色的英文或者颜色的编码、size是1-7、face写黑体或者微软雅黑等-->
2、图片标记
<img src="相对路径" width="200" height="10" title="" /> <!--如果想等比放大或缩小只需控制一个尺寸就好，另一个并不需要填写。-->
<!--title是图片标签,显示效果：将鼠标放置到图片上会显示该图片对应的标签的内容-->
三、空格、换行
1、空格：
2、换行：<br />
3、段落标记：<p></p>
四、表格
1、格式
<table>
<tr> <!--tr对应的是行-->
<td></td> <!--td对应的是单元格-->
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
以上所创建出来的表格是两行，第一行有三个单元格，第二行有两个单元格
2、属性
border - 边框粗细
width - 宽度 px %
height - 高度
align - 水平排列格式 center/left/right
valign - 垂直排练格式 top/bottom
bgcolor - 背景颜色
background - 背景图片
cellspacing - 单元格之间的间距 外间距
cellpadding - 内容与单元格之间的间距 内间距
3、去掉浏览器界面中表格四周的空白边框：
在<head></head>中敲上如下代码即可实现：
<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
</style>
五、超链接
<a href="链接" target="_blank"> 文字/图片 </a>
两个尖括号之间的文字或图片是显示出来的超链接按钮。
链接地址如果是公共网站必须加https://
链接地址如果是本地地址，则需要相对路径。
【2017-03-20】HTML基础知识、文字标记、图片标记、空格换行、表格、表格嵌套及布局、超链接的更多相关文章
- 做好SEO需要掌握的20个基础知识
作为一个网站优化者,有一些基础seo知识点是大家必须要掌握的,网站排名的好快,和这些基础的SEO优化知识有没做好,有没做到位,有着直接的关系!今天,伟伟SEO就把我前面讲的SEO优化基础知识做个总结, ...
- 1.20 Python基础知识 - python常用模块-1
一.time和datetime 1.time模块 1)time.process_time() >>> import time >>> time.process_ti ...
- 20.Nodejs基础知识（上）——2019年12月16日
2019年12月16日18:58:55 2019年10月04日12:20:59 1. nodejs简介 Node.js是一个让JavaScript运行在服务器端的开发平台,它让JavaScript的触 ...
- 2017/05/20 java 基础 随笔
static 关键字的特点 1.随着类的加载而加载 2.优先于对象存在 3.被类的所有对象共享 如果某个成员变量是被所有对象共享的,那么他就应该定义为静态的 4.可以通过类名调用 其实它本身也可以通过 ...
- HTML+CSS基础知识（6）背景的设置、表格的设计、表单的设计和框架集
文章目录 1.背景 1.1 代码 1.2 测试结果 2.背景练习 2.1 代码 2.2 测试结果 3.表格 3.1 代码 3.2 测试结果 4.练习 4.1 代码 4.2 测试结果 5.表单 5.1 ...
- 2017年5月22日 HTML基础知识（一）
一.Html 结构 1.1.HTML基本文档格式—<html> 标记 —<html>文档的头部好和主体内容 </html> 根标记 —<head> 文 ...
- IOS开发基础知识碎片-导航
1:IOS开发基础知识--碎片1 a:NSString与NSInteger的互换 b:Objective-c中集合里面不能存放基础类型,比如int string float等,只能把它们转化成对象才可 ...
- 【RL-TCPnet网络教程】第31章 Telnet远程登录基础知识
第31章 Telnet远程登录基础知识 本章节为大家讲解Telnet (Teletype Network) 的基础知识,方便后面章节的实战操作. (本章的知识点主要整理自网络) 31.1 ...
- 【RL-TCPnet网络教程】第33章 SMTP简单邮件传输协议基础知识
第33章 SMTP简单邮件传输协议基础知识 本章节为大家讲解SMTP(Simple Mail Transfer Protocol,简单邮件传输协议)的基础知识,方便后面章节的实战操作. (本 ...
随机推荐
- 没有苹果电脑打包iOS平台的 Ionic 2程序——《Ionic 2 实例开发》更新内容
没有苹果电脑打包iOS平台的 Ionic 2程序--<Ionic 2 实例开发>更新内容春节刚过,祝各位新的一年里万事如意,一帆风顺.<Ionic 2 实例开发>在这段时间里更 ...
- 快速排序时间复杂度为O（n×log（n））的证明
快速排序时间复杂度为O(n×log(n))的证明 之前只知道快速排序的平均时间复杂度为O(n×log(n)),最糟糕时复杂度为O(n^2),但却不知道具体原因,今天好好证明一下,最后部分摘自<算 ...
- 不是技术牛人，如何拿到国内IT巨头的Offer （转载）
原文地址:http://blog.csdn.net/lsldd/article/details/13506263 不久前,byvoid面阿里星计划的面试结果截图泄漏,引起无数IT屌丝的羡慕敬仰.看看这 ...
- C语言 二维数组复制、清零及打印显示
#include <stdlib.h> #include <stdio.h> #include <string.h> //二维整型数组打印显示 ],int row, ...
- 基于Spring DM管理的Bundle获取Spring上下文对象及指定Bean对象
在讲述服务注册与引用的随笔中,有提到context.getServiceReferences()方法,通过该方法可以获取到OSGI框架容器中的指定类型的服务引用,从而获取到对应的服务对象.同时该方法还 ...
- Spark源码分析之Spark Shell（下）
继上次的Spark-shell脚本源码分析,还剩下后面半段.由于上次涉及了不少shell的基本内容,因此就把trap和stty放在这篇来讲述. 上篇回顾:Spark源码分析之Spark Shell(上 ...
- 新注册第一帖----------------------乱码新手自学.net 之Linq 入门篇
作为一个业余开发,断断续续学.net/c#也有不少日子了, 学习过程中,不断忘了学,学了忘,这让我很苦恼. 以前学习过程中,我总是在笔记本中记录下来知识要点,这么久下来,笔记本都写了四五本了. 然而, ...
- spring boot项目发布tomcat容器（包含发布到tomcat6的方法）
spring boot因为内嵌tomcat容器,所以可以通过打包为jar包的方法将项目发布,但是如何将spring boot项目打包成可发布到tomcat中的war包项目呢? 1. 既然需要打包成wa ...
- Codeforce 水题报告(2)
又水了一发Codeforce ,这次继续发发题解顺便给自己PKUSC攒攒人品吧 CodeForces 438C:The Child and Polygon: 描述:给出一个多边形,求三角剖分的方案数( ...
- java_获取多个文件夹下所有.java源码的总行数
import java.io.BufferedReader;import java.io.File;import java.io.FileReader;import java.io.IOExcepti ...