HTML基础-常用标签及图片
标记/标签{元素}
双标签：
<标签>内容</标签>
<html></html> 网页 页面的根元素
<head></head> 头部
<body></body> 主体
<p></p> 段落
<h1></h1> .....h2-h6 标题
<table></table> 表格....
单标签：
<标签> 内容
例如：<img>图片 <br> 换行 <hr> 水平线....
常用标签
段落<p></p>,默认存在段间距
<br>换行
空格
小于号< <； left
大于号>>；right
双引号""；
<b></b> 加粗 在网页中，比较重要的文本通过粗体方式显示
<i></i> 倾斜
<u></u> 下划线
<em></em>强调
<strong></strong> 加强强调
<hr></hr> 水平线标记
版权符
©；
注册符
®；
网页中常用的图像格式有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"> </td>
<td> </td>
</tr>
</table>
垂直合并rowspan
<table width="500" height="200" border="2">
1行<tr>
<td rowspan="2"></td>
<td> </td>
</tr>
2行<tr>
<td> </td>
</tr>
</table>
垂直合并也就是单元格1-3合并 那就要在1单元格上写 rowspan=“2” 在把第二行的3单元格删掉
HTML基础-常用标签及图片的更多相关文章
- html基础+常用标签
概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器 ...
- 前端 HTML body标签相关内容 常用标签 图片标签 <img/>
图片标签 <img/> 一个网页除了有文字,还会有图片.我们使用<img/>标签在网页中插入图片. <img/> 是单闭合标签 语法:<img src=&qu ...
- HTML基础（一）——一般标签、常用标签和表格
第一部分 HTML <html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...
- 9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）
网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...
- HTML常用标签与CSS基础知识
一.HTML页面结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...
- 2020年12月-第01阶段-前端基础-HTML常用标签
1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...
- 49、html基础认识&常用标签（1）
从今天期我们进入前端的学习,先学习html,没有任何需要逻辑需要烧脑,只需要记忆.练习.练习.练习. 一.HTML初识 1.web服务本质 import socket def main(): sock ...
- 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明：来源于网络]
第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...
- 1、html基础认识&常用标签（1）
从今天期我们进入前端的学习,先学习html,没有任何复杂难懂的逻辑需要烧脑,只需要记忆.练习.练习.练习. 本篇导航: HTML初识 常用标签介绍 <body>内常用标签 一.HTML初识 ...
随机推荐
- 回去看linux的指令1
SYNC CL : MSM8953 @ CL#:12212299 PROJECT PATH : // Platform / N / NILE / COMBINATION / MSM8953 Cross ...
- [CSS3] 各种角度的三角形绘制
#triangle-up { width:; height:; border-left: 50px solid transparent; border-right: 50px solid transp ...
- [CISCO] Telete/SSH 之 Port 绑定/端口安全
[网络] Telete/SSH 之 Port 绑定/端口安全 一.前言 之前写完了网络] DHCP 之 Mac 绑定,CiSCO 交换机配置 SSH 登陆.这次我们再试试能不能挖的在深入些. (1) ...
- 总结day7 ---- 函数的内容 ,初识,返回值,进阶(一)
内容大纲: 一: 函数识别 二: 函数的结构 三: 函数的返回值, 四: 函数的参数 五: 动态参数 六: 形参的顺序 七: 名称空间 八: 作用域 九: 加载顺序和取值顺序 十: 内置函数 十一: ...
- 在IDEA中 SFTP 进行发布操作
1, 2, 3, 4, 成功了 补充:] 也可以使用手动写配置文件的方式来的
- 44.oracle表空间的使用
要给下属充分的发挥空间,要允许下属犯错,下属犯错自己能顶下来就顶着,不要盯得让下属觉得“这不是我的事,我只是个小打工的”,团建要放在首位.不可在下属面前“装B”,别人也不傻. Oracle数据库开创性 ...
- mariadb配置主从同步遇到的问题
一:ERROR: No query specified 解决方案: \G后面不能再加分号;,因为\G在功能上等同于;,如果加了分号,那么就是;;(2个分号),SQL语法错误 二:主从同步不成功 Sla ...
- easy-mock本地部署成功，访问报错：EADDRNOTAVAIL 0.0.0.0:7300 解决方案
easy-mock本地部署成功后,迫不及待的想看看是否能正常访问,执行命令 npm run dev 启动项目,访问 127.0.0.1:7300 ,结果郁闷的是报错:EADDRNOTAVAIL 0.0 ...
- 获得自己电脑的SSH公匙
关于什么是SSH请点击此"www.Baidu.com”网站了解 我这里只说怎么获取属于自己电脑的SSH公匙 本人是Win10电脑 所以相对来说简单一点 点击win ->选择设置-&g ...
- JavaScript《一》
脚本语言概念:不需要提前编译的,即时执行的语言,如js,t-sql等 在一个js块中,只要有一个语句出现错误,整个块都不执行 强类型:在编译时就已经确定的类型,弱类型,在运行时,编译器自动根据赋值在确 ...