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初识 ...
随机推荐
- 用MVC5+EF6+WebApi 做一个小功能（一）开场挖坑，在线答题系统
从哪开始说呢,这几年微软的技术一直在变,像是牟足了劲要累死所有的NET程序员,从WebForm到MVC到现在MPA.SPA .Razor单页,从net2.0一直走到现在.net4.6.2,后面还有一个 ...
- sharepoint site performance
分析了您之前提供的在CPU使用率高的时候抓取的w3wp进程的dump,以下是一些发现: 在抓取dump文件的这个时刻,.Net的垃圾回收正在运行,在内存资源紧张时,.Net会自动启动内存垃圾回收机制, ...
- Python3.5 学习四
装饰器 定义:本质是函数,装饰其他函数,即为其他函数添加附加功能的 原则: 1 不能修改被装饰函数的源代码 2 不能改变被装饰函数的调用方式(对于被装饰函数来说完全透明,不会受影响) 实现装饰器功能的 ...
- 小白学Linux
Linux的文件关系: / 根最大的文件夹,存储此台计算机的所有数据 /etc 存放计算机的配置文件 /var/log 存放电脑的日志文件 /home 家的位置 路径:相对路径.绝对路径(从根下开始 ...
- 【Oracle 12c】最新CUUG OCP-071考试题库（54题）
54.(12-15) choose the best answer: View the Exhibit and examine the structure of the ORDER_ITEMS and ...
- 前端切图要选择png和jpg呢？
今天特意验证了一下: 切完图分别保存png24.png8和jpg60.jpg80(60和80表示保存图片时品质选择)后, 然后再压缩图片,压缩图片地址:https://tinypng.com/ 图片直 ...
- Linux下安装pip（遇到了python2.6升级为python2.7道路上的坑，原因已经找到，只差临门一脚了，以后补上）
1.先说一下什么是pippip 是“A tool for installing and managing Python packages.”,也就是说pip是python的软件安装工具2.下面介绍怎么 ...
- 【bug】—— IE8 ajax 报错：no transport
如题,我使用$.ajax()方法请求数据,在现代浏览器中工作正常,但在 IE 8 下,会有报错:no transport 从 stackoverflow 中获知,出现这个问题是因为** IE 8 不支 ...
- 总结day23 ---- 网络编程,以及计算机基础概念
计算机网络的发展及基础网络概念 问题:网络到底是什么?计算机之间是如何通信的? 早期 : 联机 以太网 : 局域网与交换机 广播 主机之间“一对所有”的通讯模式,网络对其中每一台主机发出的信号都进行无 ...
- psp0级报告
计划 1.1需求描述: 现在市场上有很多的面向小学生的题卡,但是这习题卡不但价格昂贵,而且每次做题的内容基本都是固定.针对这些问题,开发出了这款网页在线答题系统,每次的题目都有所不同,可以跟快更好提高 ...