一、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、空格：&nbsp;

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基础知识、文字标记、图片标记、空格换行、表格、表格嵌套及布局、超链接的更多相关文章

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

    作为一个网站优化者,有一些基础seo知识点是大家必须要掌握的,网站排名的好快,和这些基础的SEO优化知识有没做好,有没做到位,有着直接的关系!今天,伟伟SEO就把我前面讲的SEO优化基础知识做个总结, ...

  2. 1.20 Python基础知识 - python常用模块-1

    一.time和datetime 1.time模块 1)time.process_time() >>> import time >>> time.process_ti ...

  3. 20.Nodejs基础知识（上）——2019年12月16日

    2019年12月16日18:58:55 2019年10月04日12:20:59 1. nodejs简介 Node.js是一个让JavaScript运行在服务器端的开发平台,它让JavaScript的触 ...

  4. 2017/05/20 java 基础 随笔

    static 关键字的特点 1.随着类的加载而加载 2.优先于对象存在 3.被类的所有对象共享 如果某个成员变量是被所有对象共享的,那么他就应该定义为静态的 4.可以通过类名调用 其实它本身也可以通过 ...

  5. 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 ...

  6. 2017年5月22日 HTML基础知识（一）

    一.Html 结构 1.1.HTML基本文档格式—<html> 标记 —<html>文档的头部好和主体内容 </html>  根标记 —<head> 文 ...

  7. IOS开发基础知识碎片-导航

    1:IOS开发基础知识--碎片1 a:NSString与NSInteger的互换 b:Objective-c中集合里面不能存放基础类型,比如int string float等,只能把它们转化成对象才可 ...

  8. 【RL-TCPnet网络教程】第31章 Telnet远程登录基础知识

    第31章      Telnet远程登录基础知识 本章节为大家讲解Telnet (Teletype Network) 的基础知识,方便后面章节的实战操作. (本章的知识点主要整理自网络) 31.1   ...

  9. 【RL-TCPnet网络教程】第33章 SMTP简单邮件传输协议基础知识

    第33章      SMTP简单邮件传输协议基础知识 本章节为大家讲解SMTP(Simple Mail Transfer Protocol,简单邮件传输协议)的基础知识,方便后面章节的实战操作. (本 ...

随机推荐

  1. ubuntu下配置Apache

    ubuntu下配置Apache Apache的默认文档根目录是在Ubuntu上的/var/www目录 配置文件是/ etc/apache2/apache2.conf配置存储在的子目录在/etc/apa ...

  2. 第七届蓝桥杯javaB组真题解析-生日蜡烛（第二题）

    题目 /* 生日蜡烛 某君从某年开始每年都举办一次生日party,并且每次都要吹熄与年龄相同根数的蜡烛. 现在算起来,他一共吹熄了236根蜡烛. 请问,他从多少岁开始过生日party的? 请填写他开始 ...

  3. Java异常处理机制以及try-catch-finally-return执行顺序

    一,简单描述: 当出现程序无法控制的外部环境问题(用户提供的文件不存在,文件内容损坏,网络不可用...)时,JAVA就会用异常对象来描述. 二,JAVA中用2种方法处理异常: 1.在发生异常的地方直接 ...

  4. Angular2的模块架构浅谈

    引言angular2相比1引入了更完善的模块系统,回忆ng1的应用中通常在页面的html标签或body标签中添加ng-app节点,值为应用的模块名,整个应用都将围绕这个模块来展开,到了ng2,模块概念 ...

  5. HttpClient构造文件上传

    在项目中我们有时候需要使用到其他第三方的api,而有些api要求我们上传文件,search一下,下面将结果记录一下喽! 含义 ENCTYPE="multipart/form-data&quo ...

  6. C语言对齐

    "%-md":左对齐,若m比实际少时,按实际输出.(m为整数) "%md":右对齐,若m比实际少时,按实际输出. 我自己编了一个,给你看看实际效果: #incl ...

  7. 什么是Git?

    其实我在写这篇随笔的时候连Git是什么都不知道,只是听说过,也注册了一个GitHub的账号,但并不会玩. 我也是查看了半天的网页才明白一个大概,但我觉得以后肯定会经常用到它. 简单的来说, Git 是 ...

  8. 前端基本知识（三）：JS的闭包理解

    JS闭包的理解 一.变量的作用域 二.如何从外部读取局部变量 三.什么是闭包 四.深入理解闭包 五.闭包的用途 六.使用闭包注意情况 七.JavaScript的垃圾回收机制 八.一些思考题 一.变量作 ...

  9. 网络性能测试工具Iperf/Jperf解读

    Iperf 是一个网络性能测试工具.Iperf 可以测试TCP 和UDP 带宽质量.Iperf 可以测量最大TCP 带宽,具有多种参数和UDP 特性. Iperf 可以报告带宽,延时抖动和数据包丢失. ...

  10. 做了个新的UWP类库 Sharp2D

    C#开发UWP的时候如果要实现高斯模糊效果的话,最好的选择似乎是微软的Win2D 但是Win2D太过庞大了,仅仅是庞大其实也没啥问题,毕竟net core就很庞大,但Win2d是一个Winmd组件 w ...