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初识 ...
随机推荐
- 了解eslint
1.简介:eslint检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具. JSHint 和 JSLint 也是静态代码检查工具,但伴随着发展,他们已经无法满足需求,于是ESl ...
- “全栈2019”Java第一百零一章：局部内部类覆盖作用域内成员详解
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...
- JS 获取各个偶数之和！！
<html> <head> <meta charset="utf-8" /> <title>js& ...
- [XHR]——重新认识 XMLHttpRequest
细说XMLHttpRequest如何使用 先来看一段使用XMLHttpRequest发送Ajax请求的简单示例代码. function sendAjax() { //构造表单数据 var formDa ...
- eclipse安装SonarLint插件，sonarLint客户端的使用
一.在线安装sonarLint 打开eclipse里的help->Eclipse Marketplace,搜索“sonar”关键字,目前sonar的插件是sonarlint,如下图: 点击“In ...
- Sci-Hub
提到Sci-Hub这个文献下载利器,大家肯定都不陌生.你在各大SCI杂志上看到的英文文献,90%以上都能免费下载.因为它严重侵犯了爱思唯尔.施普林格.Wiley等各大出版商的利益,遭到起诉与封杀. 不 ...
- [温故]图解java多线程设计模式（一）
去年看完的<图解java多线程设计模式>,可惜当时没做笔记,导致后来忘了许多东西,打算再温习下这本书,顺便在这里记录一下~ 1.顺序执行.并行.并发 顺序执行:多个操作按照顺序依次执行. ...
- CentOS7 安装 Adobe Flash 看网络视频
登录 Adobe 网站,找到 Adobe Flash Player 下载页,进入后网页自动识别 Linux 环境,手动选择版本,选择 YUM 方式,自动下载一个 rpm 文件 定位到下载目录,通常默认 ...
- mysql数据库使用脚本实现分库备份过程
一条命令解决分库分表备份: [root@db01 data]# mysql -uroot -p123456 -e "show databases;"|egrep -v " ...
- C#静态和实例
静态 实例 关键字static修饰类或方法 不能使用static修饰类或方法 修饰后类直接调用 需要先实例化对象,用对象调用 静态只会执行调用一次,并且在程序退出之前会一直保持状态,占领内存 实例化一 ...