标记/标签{元素}

　　双标签：

　　　　<标签>内容</标签>

　　　　<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. C#基础笔记(第十八天)

    1.HTMLHyper Text Markup Language 超文本标记语言在HTML当中存在着大量的标签,我们用HTML提供的标签,将要显示在网页中的内容包含起来.就构成了我们的网页. CSS: ...

  2. Delphi XE2 新增 System.Zip 单元，压缩和解压缩文件

    Delphi XE2 新增 System.Zip 单元, 可用一句话压缩整个文件夹了 单元内主要就是 TZipFile 类, 最方便使用的是它的类方法: TZipFile.ExtractZipFile ...

  3. 1083 矩阵取数问题(DP)

    1083 矩阵取数问题 基准时间限制:1 秒 空间限制:131072 KB 分值: 5 难度:1级算法题  收藏  关注 一个N*N矩阵中有不同的正整数,经过这个格子,就能获得相应价值的奖励,从左上走 ...

  4. 深入了解java虚拟机（JVM） 第十三章 虚拟机字节码执行引擎

    一.概述 执行引擎是java虚拟机最核心的组成部件之一.虚拟机的执行引擎由自己实现,所以可以自行定制指令集与执行引擎的结构体系,并且能够执行那些不被硬件直接支持的指令集格式.所有的Java虚拟机的执行 ...

  5. SQL Server IF Exists 判断数据库对象是否存在的用法

    1 判断数据库是否存在Sql代码 if exists (select * from sys.databases where name = ’数据库名’)    drop database [数据库名] ...

  6. codeforces 1096 题解

    A: 发现最优的方案一定是选 $ l $ 和 $ 2 * l $,题目保证有解,直接输出即可 #include <bits/stdc++.h> #define Fast_cin ios:: ...

  7. BZOJ 1801--中国象棋(DP)

    1801: [Ahoi2009]chess 中国象棋 Time Limit: 10 Sec  Memory Limit: 64 MBSubmit: 1995  Solved: 1160[Submit] ...

  8. Linux中tail指令详解

    linux tail命令用途是依照要求将指定的文件的最后部分输出到标准设备,通常是终端,通俗讲来,就是把某个档案文件的最后几行显示到终端上,假设该档案有更新,tail会自己主动刷新,确保你看到最新的档 ...

  9. log 模块使用 (直接用的方法)

    前情提要: 生活中经常用到log 模块. 但是原生的log 模块复杂或者有许多不好用得地方, 在此记录一个经常用的log 的基本操作方法 一:首先导入模块 import logging.config ...

  10. python基础知识梳理-----4基本数据类型,list ,tuple 操作 ,增删该查，以及其他功能函数

    一:列表的增加 1: append() lis = ['张三','李四','王二码子','李鹏智障'] lis.append('赵武')      # 这种加法是放在最后 print(lis) 输出  ...