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初识 ...
随机推荐
- jquery改造轮播图1
g改造轮播图1:https://www.cnblogs.com/huanghuali/p/8677338.html <!DOCTYPE html> <html lang=" ...
- java 获取一个整数的各个位数
两种方法~ 第一种是取模运算 第二种是使用char数组进行分割开依次存到数组[推荐第二种] 获取一个四位数的各个位数 int qian =input/1000; //千位除以1000 ...
- 牛客OI赛制测试赛1 题解
A 斐波那契 数竞生:这不是送分的常识吗? 这里引入一个叫卡西尼恒等式的玩意. 公式表达就是 设$fib[i]$为斐波那契数列的第$i$项$(i>0,i \in N_+)$ 则有 $fib[i+ ...
- phpStorm配置SVN与FTP数据传输
公司php开发时候,需要搭建环境,自己捋了下思路,公司代码放在SVN服务器上,需要在本机安装TortoiseSVN软件,将代码下载到本机,在本机上调试程序,修改代码,修改的代码再上传到SVN.之后通过 ...
- sublime text 显示 typescript高亮
用ionic angular2写东西,还是用我的sublime 发现ts文件不识别,没有高亮.搜呗. 搜索出来的博客地址:http://www.cnblogs.com/happen-/p/638553 ...
- 微信小程序ofo小黄车+thinkphp5.0打造全栈应用
原文地址:https://www.imooc.com/article/20310 ofo至今还没有微信小程序(很费解),每次用ofo都得去支付宝,很不方便,我用微信用的比较多,无意间在简书上面看到某人 ...
- Tomcat 基础优化
作者:北京运维 本文档是身边一些朋友.技术大佬之前分享的一些笔记,记录了 Tomcat 优化方法,笔记较多而且比较杂乱,经过整理.分类我个人觉得大致可以从以下几个方面优化 Tomcat: Tomcat ...
- (C/C++) STL 標頭檔 algorithm (一)
因為解題需求認識了一些STL相關funciton. 分別是 max_element (ForwardIterator first, ForwardIterator last); min_element ...
- [BZOJ 5155][Tjoi2014]电源插排
传送门 网上大部分题解都写得是动态开点线段树,然而像\(MiEcoku\)这么懒惰的显然不会去写线段树... \(\color{green}{solution}\) 我们考虑来点骚操作. 线段树维护的 ...
- Codeforces Round #555 (Div. 3) C2. Increasing Subsequence (hard version)【模拟】
一 题面 C2. Increasing Subsequence (hard version) 二 分析 需要思考清楚再写的一个题目,不能一看题目就上手,容易写错. 分以下几种情况: 1 左右两端数都小 ...