标记/标签{元素}

　　双标签：

　　　　<标签>内容</标签>

　　　　<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. “全栈2019”Java第一百一十一章：内部类可以被覆盖吗？

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...

  2. IDEA中配置SpringMVC框架 第一个演示【转】

    环境: intellij IDEA 2017 CI JDK 1.8 tomcat 8.5.23 具体步骤 1.新建项目 勾选Spring MVC .Web Application(勾选了Spring ...

  3. luoguP4647 [IOI2007] sails 船帆

    https://www.luogu.org/problemnew/show/P4647 首先发现答案与顺序无关,令 $ x_i $ 表示高度为 $ i $ 的那一行帆的个数,第 $ i $ 行对答案的 ...

  4. jmeter+ant+jenkins+mac 报告优化（三） 使用命令行执行jmeter方式生成多维度的图形化HTML报告

    1.在构建中填写如下命令: 2.start.sh文件的内容 cd /Applications/apache-jmeter-3.0/bin/ CURTIME=`date +%Y%m%d%H%M` ./j ...

  5. 《Spark MLlib 机器学习实战》1——读后总结

    1 概念 2 安装 3 RDD RDD包含两种基本的类型:Transformation和Action.RDD的执行是延迟执行,只有Action算子才会触发任务的执行. 宽依赖和窄依赖用于切分任务,如果 ...

  6. HBase二级索引的设计

    摘要 最近做的一个项目涉及到了多条件的组合查询,数据存储用的是HBase,恰恰HBase对于这种场景的查询特别不给力,一般HBase的查询都是通过RowKey(要把多条件组合查询的字段都拼接在RowK ...

  7. wireshark 1.10.0 编译 及 协议解析部分的一些变化

    wireshark不久前升级到1.10.0稳定版,这个版本正如其版本号一样,相比1.8.x有较大变化. 我们先说说在windows下编译的问题,1.8.4/1.8.6版本的编译见我的文章:http:/ ...

  8. python接口自动化发送get请求 详解（一）

    前言:接口自动化实现自动化脚本比较稳定,主要用到requests模块,后面我会把这个模块单独拉出来写一下. 一.环境安装 1.用pip安装requests模块 >>pip install ...

  9. socketserver模块解析

    socketserver模块是基于socket而来的模块,它是在socket的基础上进行了一层封装,并且实现并发等功能. 看看具体用法:       ​x         import sockets ...

  10. 10分钟教你用Python打造微信天气预报机器人

    01 前言 最近武汉的天气越来越恶劣了.动不动就下雨,所以,拥有一款好的天气预报工具,对于我们大学生来说,还真是挺重要的了.好了,自己动手,丰衣足食,我们来用Python打造一个天气预报的微信机器人吧 ...