HTML基础-常用标签及图片

标记/标签{元素}

  双标签:

    <标签>内容</标签>

    <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单元格删掉

原文地址:https://www.cnblogs.com/xiaowie/p/9681630.html

时间: 2024-11-10 07:57:39

HTML基础-常用标签及图片的相关文章

html基础--常用标签的使用方法

1  html标题 <h1> to <h6> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>h1</h1> <h2>h2</h2> <h

HTML基础(一)——一般标签、常用标签和表格

第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文

HTML基础—一般标签、常用标签和表格的应用

<html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文本颜色) topmar

49、html基础认识&amp;常用标签(1)

从今天期我们进入前端的学习,先学习html,没有任何复杂难懂的逻辑需要烧脑,只需要记忆.练习.练习.练习. 一.HTML初识 1.web服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: print("server is working.....")

HTML基础(一般标签、常用标签)

1.1.一般标签 1.1.1.格式控制标签 <font color="" face="" size=""></font> 控制字体:color="##FF0000":face,字体:size,字体大小. <b></b> 字体加粗 <i></i> 倾斜 <u></u> 下划线 <strong></strong>

前端基础-HTML常用标签介绍

前端基础-HTML常用标签介绍 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML是什么 1>.超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则: 2>.浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容.但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性): 3>.静态网页文件扩展名:".html "或 &qu

前端——基础和常用标签

前端 什么是前端? 任何与用户直接打交道的操作界面都可以称之为是一个前端 web服务的本质 浏览器窗口输入一个网址按下回车都发生了那些事情 朝着指定的服务端发送请求 服务端接收相应的请求 服务端返回相应的响应 浏览器接收响应,按照特定的规则渲染页面展示给用户看 HTTP协议 HTTP协议:超文本传输协议,规定了浏览器与服务端之间数据传输的格式 HTTP协议的四大特性 基于请求响应(一次请求对应一次响应) 基于TCP/IP作用于应用层之上的协议 无状态(不保留客户端的状态) 无连接 长链接 web

HTML基础之常用标签

<!DOCTYPE html> #标记语言文档类型声明<html lang="en"><head> #头部标签 <meta charset="UTF-8"> #字符集 <title>Title</title> #head标签内可以定义网页关键字和描述,刷新,跳转,字符集,图标等,</head> html标签按占位分为行内标签和块级标签,按使用分为闭合标签和自闭和标签: 列如:块级标签

html 基础--一般标签

<html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文本颜色) topmar