【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,简单邮件传输协议)的基础知识,方便后面章节的实战操作. (本 ...
随机推荐
- tbl.js div实现的表格控件,完全免费,no jquery
html上现在有比较好用的表格控件是datatable,但是编辑.按钮等部分是收费的,只有基础功能免费.而且尺寸发生变化时需要手工刷新等繁琐操作较多.所以我开发一个免费的供大家使用. 本项目已用于“虚 ...
- [2017.02.04] C++学习记录(1)
编编程语言的目的是帮助程序员以代码的形式表述ideas.编程语言一方面为程序员提供一组关于可以做什么的抽象,另一方面为程序员提供可以被机器执行的轮子.C++编程语言,支持4种编程范式:过程式(Proc ...
- 框架篇：Spring+SpringMVC+hibernate整合开发
前言: 最近闲的蛋疼,搭个框架写成博客记录下来,拉通一下之前所学知识,顺带装一下逼. 话不多说,我们直接步入正题. 准备工作: 1/ IntelliJIDEA的安装配置:jdk/tomcat等..(本 ...
- 前端开发在IOS端遇到的一个诡异问题(Delegate 失效)
一.前言 最近同事问到一个问题,一个前端页面在IOS端真机测试下出现一个比较诡异的问题,如果没有遇到过估计也是一筹莫展.今天特此记录一下,或许能帮到后面遇到这个问题的朋友少绕一些弯路.这是关于JQue ...
- swift注意
赋值的时候要想为空 可以用 ? 例如 var age1:Int? // ?表示age1的类型为可选类型,其值可以为空print(age1) 判断一个字符串为空字符串if str_empty.isE ...
- Git本地操作相关介绍
本地使用git时遇到问题及解决方案总结: 1.git push origin master 后,终端上出现错误信息: push失败,原因多半是因为github上远程仓库中有Reademe.md文件 解 ...
- 修改本地配置远程连接oracle数据库
当我们需要查看数据库信息时,我们更愿意通过客户端来查看,这样不仅操作方便,而且查看更精准.那么需要远程连接数据库需要在本地修改那些配置呢?以下是我个人的经验,希望大家都指正. 1.在oracle安装目 ...
- C# 数据类型 数据转换 自己的见解和方式
数据类型分为:基本数据类和引用类型, 基本数据类型又分为整型,浮点型,字符型,布尔型. 引用类型又分为:字符串型,日期时间,枚举类型,结构类型. int long float = 10.5f; dou ...
- [Linux] PHP程序员玩转Linux系列-搭建代码开发环境
1.PHP程序员玩转Linux系列-怎么安装使用CentOS 2.PHP程序员玩转Linux系列-lnmp环境的搭建 有些同学可能觉得我写的都是啥yum安装的,随便配置一下而已,没啥技术含量,我的目的 ...
- mysql 安装及卸载 主从配置
1.查询rpm -qa | grep mysql* 组件 出现类似安装包 mysql-server-5.1.71-1.el6.x86_64 mysql-libs-5.1.71-1.el6.x86_64 ...