标记/标签{元素}

　　双标签：

　　　　<标签>内容</标签>

　　　　<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. QT的配置及目录结构

    作者:一去丶二三里 来源:CSDN 原文:https://blog.csdn.net/liang19890820/article/details/51774724 注意:所有的配置中,/user中的/ ...

  2. ANE-如何加入ane，调试时又不报错

    有时候我们加入ane,即使没有调用ane的功能,debug的时候也会报错无法调试,这是为什么呢?因为我们的ane没有把default包含进去. 首先我们的extension.xml要把default节 ...

  3. IIS隐藏网站

    IIS隐藏网站 1.站点建立一个文件夹:Test 2.在F盘新建Web文件夹(放要隐藏的网站) 3.右键Test文件夹-新建虚拟目录,虚拟目录指向步骤2 4.删除Test文件夹即可

  4. AHOI2012 信号塔 | 最小圆覆盖模板

    题目链接:戳我 最小圆覆盖. 1.枚举第一个点,考虑当前圆是否包含了这个点,如果没有,则把圆变成以这个点为圆心,半径为0的圆. 2.枚举第二个点,考虑圆是否包含了这个点,如果没有,则把圆变成以这两个点 ...

  5. PHP 代码优化测试【Benchmark数据测试】

    由于经常被抓取文章内容,在此附上博客文章网址:,偶尔会更新某些出错的数据或文字,建议到我博客地址 :  --> 点击这里 Benchmark测试之前我们先来了解Benchmark.直接下载:ht ...

  6. A - 最少拦截系统 （最长上升子序列）

    点击打开链接 A - 最少拦截系统 某国为了防御敌国的导弹袭击,发展出一种导弹拦截系统.但是这种导弹拦截系统有一个缺陷:虽然它的第一发炮弹能够到达任意的高度,但是以后每一发炮弹都不能超过前一发的高度. ...

  7. 【扫盲】HTML5、Web APP、3G网站、Wap网站傻傻分不清楚

           移动互联网指手机网站和app,其中app分为native app(原生app),web app(html5开发),Hybrid app(前两种app结合):手机网站分为wap网站和3g网 ...

  8. Nodejs Express模块server.address().address为::

    来自 http://blog.csdn.net/medivhq/article/details/74171939 我按照菜鸟教程上的写法为:(http://www.runoob.com/nodejs/ ...

  9. Cannot sending data from mongodb into elasticsearch using logstash

    Question: Hi all, i have an issue when i try to get data from mongodb to elasticsearch using logstas ...

  10. QuantLib 金融计算——数学工具之随机数发生器

    目录 QuantLib 金融计算--数学工具之随机数发生器 概述 伪随机数 正态分布(伪)随机数 拟随机数 HaltonRsg SobolRsg 两类随机数的收敛性比较 如果未做特别说明,文中的程序都 ...