标记/标签{元素}

　　双标签：

　　　　<标签>内容</标签>

　　　　<html></html>    网页 页面的根元素

　　　　<head></head> 头部

　　　　<body></body>  主体

　　　　<p></p>  段落

　　　　<h1></h1>   .....h2-h6 标题

　　　　<table></table>   表格....

　　单标签：

　　　　<标签> 内容

　　　　例如：<img>图片    <br> 换行 <hr> 水平线....

常用标签

　　段落<p></p>,默认存在段间距

　　<br>换行

　　空格&nbsp;

　　小于号< &lt；  left

　　大于号>&gt；right

　　双引号"&quot；

　　<b></b>  加粗  在网页中，比较重要的文本通过粗体方式显示

　　<i></i> 倾斜

　　<u></u> 下划线

　　<em></em>强调

　　<strong></strong> 加强强调

　　<hr></hr> 水平线标记

　　版权符&copy；

　　注册符&reg；

网页中常用的图像格式有gif、jpg、png等

　　-gif：最多256中颜色，支持透明、动画

　　-jpg：支持1670万种颜色，文件较小

　　-png：无损压缩图像文件，文件较大，支持透明

　　-bmp：位图 psd源文件，不能用于网页

图像标记<img>

　　-属性：

　　　　src:图片路径

　　　　　　路径分为两种，一种绝对路径（完整的描述文件的位置C:/image/a.jpg），一种相对路径(就是网页相对目标位置  站点内部相对路径../上一级.../上上一级)

　　　　alt：提示文字  如果图片没有显示出来会提示!

　　　　title：标题（鼠标弹出框）

　　　　width/height:宽高

　　　　broder=“75” ：边框

　　　　　　<img src="02.jpg" alt="log" width="50" height="50" align="right" />

　　　　　　<标签名 图片路径=“值”  提示文字=“值”  宽 高 >内容</标签名>

表格table  tr行、td列 单元格内容

<table>

　　<tr>

　　　　<td>姓名</td>

　　　　<td>体重</td>

　　</tr>

　　<tr>

　　　　<td>杜伟</td>

　　　　<td>180cm<td>

　　</tr>

</table>

table 属性

Width、height 宽高（单位像素或百分比 默认不是100%）

align：对齐

border：外边框

bgcolor：背景色

特有属性

　　cellspacing：单元格间距默认2个像素

　　cellpadding：单元格边距（边框与内容的间距）内边距

设置tr属性

　　align    水平对齐   left  right  center

　　bgcolor 背景色

设置td的基本属性

　　align valign 水平对齐、垂直对齐

　　bgcolor：背景色

　　background：指定背景图片

　　<td colspan="3" >水平合并 合并列

　　rowspan=“2” 垂直跨度 合并行

　　合并必须是相邻的单元格

水平合并colspan

<table>

<tr>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>

</table>

垂直合并rowspan

　　

<table width="500" height="200" border="2">
1行<tr>
<td rowspan="2"></td>
<td> &nbsp;</td>
</tr>
2行<tr>
<td>&nbsp;</td>
</tr>
</table>

垂直合并也就是单元格1-3合并 那就要在1单元格上写 rowspan=“2” 在把第二行的3单元格删掉

HTML基础-常用标签及图片的更多相关文章

  1. html基础+常用标签

    概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器 ...

  2. 前端 HTML body标签相关内容 常用标签 图片标签 <img/>

    图片标签 <img/> 一个网页除了有文字,还会有图片.我们使用<img/>标签在网页中插入图片. <img/> 是单闭合标签 语法:<img src=&qu ...

  3. HTML基础（一）——一般标签、常用标签和表格

    第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...

  4. 9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  5. HTML常用标签与CSS基础知识

    一.HTML页面结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...

  6. 2020年12月-第01阶段-前端基础-HTML常用标签

    1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...

  7. 49、html基础认识&常用标签（1）

    从今天期我们进入前端的学习,先学习html,没有任何需要逻辑需要烧脑,只需要记忆.练习.练习.练习. 一.HTML初识 1.web服务本质 import socket def main(): sock ...

  8. 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明：来源于网络]

    第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...

  9. 1、html基础认识&常用标签（1）

    从今天期我们进入前端的学习,先学习html,没有任何复杂难懂的逻辑需要烧脑,只需要记忆.练习.练习.练习. 本篇导航: HTML初识 常用标签介绍 <body>内常用标签 一.HTML初识 ...

随机推荐

  1. iOS开发网络篇—GET请求和POST请求的说明与比较

    1.GET请求和POST请求简单说明 1.1 创建GET请求 // 1.设置请求路径 NSString *urlStr = [NSString stringWithFormat:@"http ...

  2. 多个音频audio2

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. [bzoj3123] [SDOI2013]森林 主席树+启发式合并+LCT

    Description Input 第一行包含一个正整数testcase,表示当前测试数据的测试点编号.保证1≤testcase≤20. 第二行包含三个整数N,M,T,分别表示节点数.初始边数.操作数 ...

  4. java使用memcached2--集群部署

    一.集群安装 1.编译安装magent-0.5到/usr/local/下 # cd /usr/local # mkdir magent # cd magent/ # wget http://memag ...

  5. gulp 搭建个人工作流：文件注入、热启动、跨域

    个人比价推崇前后端分离的开发方式,大家伙各司其职,只需通过 API 进行交流,不仅避免了沟通上的成本,更提升了开发效率.而在前端开发工作中,许多需求和问题是相似的,所以我们的开发模式往往是雷同的,是否 ...

  6. C#-WebForm-★★★JQuery知识——基础知识、选择器、事件★★★

    JQuery 与 JS 之间的转换 将JQuery转换为JS —— get(0) 例如:alert( $("#d1").get(0).offsetwidth ); 将JS 转换为J ...

  7. UVA_11020 Efficient Solutions 【平衡二叉搜索树set用法】

    一.题面 UVA11020 二.分析 最近脑子有点不好使吧,这题还想了很久. 对于给定的两个值要满足题面中的条件,那么我们可以把这两个值转化到平面中的坐标去理解. 首先,需要考虑的是维护的所有点其实是 ...

  8. VS 代码自动对齐快捷键

    全部代码代码自动对齐快捷键为 Ctrl + a(按后可松松手) + k(按后可松松手) + f

  9. Windows网络服务渗透攻击分类

    网络服务渗透攻击分为三类 一.针对于windows系统自带的网络服务的渗透攻击 1.针对于NetBIOS的攻击 NetBIOS以运行在TCP/IP系统中的NBT协议来实现,具体包括在UDP的137端口 ...

  10. python 网络编程之socket开发和socketserver模块

    一 客户端/服务器架构 1.硬件C/S架构(打印机) 2.软件C/S架构 互联网中处处是C/S架构 如黄色网站是服务端,你的浏览器是客户端(B/S架构也是C/S架构的一种) 腾讯作为服务端为你提供视频 ...