HTML文字与居左图片保持距离,HTML+CSS+JS合编.docx

HTML+CSS+JSHTMLhtml简介一、什么是html: 1.HTML : (Hyper Text Markup Language)超文本标记语言。二、常见的扩展名: .txt 记事本 .jpg/.png 图片 .doc/.docx word文档 .xls/.xlsx Excel表格 .ppt PPT .exe 应用程序 .zip/.rar 压缩包 .avi/.rmvb/.mp4 视频 .mp3 音频三、HTML的基本结构:

TFBOYS直播间 TFBOYS -- 左手右手一个慢动作，右手左手慢动作重播。 常见标签标题标签

1.标题标签: n:代表1~6

这是标题1

这是标题1

特性： 字体加粗、自动换行、默认有行高(会跟字体前后保持距离) 标题(Heading)是通过

-

等标签进行定义的。

定义最大的标题。

定义最小的标题。2.居中属性(CSS替代)：标题居中：3.添加背景色：bgColor="red/blue"段落标签

这是段落。

这是段落。

这是段落。

段落元素由 p 标签定义。

换行标签:
可插入一个简单的换行符。

To break
lines
in a
paragraph,
use the br tag.

水平线标签:

---

---

标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

This is header 1

---

This is some text

列表标签有序标签1、结构：

1. 卜鹏
2. 田璐
3. 欧阳春

2.属性：type: 1 ===>有序以数字开头 i ===>有序以罗马i开头 I ===>有序以罗马I开头 a===>有序以字母a开头 A===>有序以字母A开头 无序标签1、基本结构

• 卜鹏
• 田璐
• 欧阳春

2.属性：type: circle(圆形) | disc(实心圆) | square(方块)图片标签1、图片标签 1)src指定的路径特点:1.会在当前目录下为基点，去找图片2.如果图片在当前目录的img文件夹里面。 src="img/xxx.jpg"3.如果图片在当前目录的上一级目录。 src="../xxx.jpg" 2)设置图片大小 width="200" height="400" 3)图片和文字同时出现的时候，我们希望文字出现在图片的中间。 方案1：在img标签中添加一个align="center",只有一行文字的时候是OK的。 方案2：align="left"，文字居中，可以使用
4)鼠标移到图片上，有文字提示信息。title="提示信息"5)当图片不存在的时候的提示信息。alt="您找到图片不存在" 6)去掉图片的默认边框：border="0" 超链接标签一、超链接标签： 1)指定要跳的网址： 当我们要跳到别人的网址的时候 要重点注意：加http:// 当我们要跳到自己的网址的时候，不写http://，跳自己网址的规则跟找图片的规则一致。 2)要求新开一个选项卡： target="_self"(默