HTML+CSS+JS合编.docxVIP

HTML+CSS+JS HTML html简介 一、什么是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的基本结构: html head titleTFBOYS直播间/title /head body TFBOYS -- 左手右手一个慢动作，右手左手慢动作重播。 /body /html 常见标签 标题标签hn/hn 1.标题标签:hn/hn n:代表1~6 h1这是标题1/h1 h2这是标题1/h2 特性： 字体加粗、自动换行、默认有行高（会跟字体前后保持距离） 标题（Heading）是通过 h1 - h6 等标签进行定义的。 h1 定义最大的标题。h6 定义最小的标题。 2.居中属性(CSS替代)： 标题居中：hn align=left(居左)/center(居中)/right(居右) 3.添加背景色：bgColor=red/blue 段落标签p/p 特性： 自动换行、p 元素会自动在其前后创建一些空白。 p这是段落。/p p这是段落。/p p这是段落。/p p段落元素由 p 标签定义。/p 换行标签:br / br 可插入一个简单的换行符。 p To breakbrlinesbrin abrparagraph,bruse the br tag. /p 水平线标签:hr / hr 标签在 HTML 页面中创建一条水平线。 水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。 h1This is header 1/h1 hr / pThis is some text/p 列表标签 有序标签 1、结构： ol li卜鹏/li  li田璐/li li欧阳春/li /ol 2.属性： type: 1 ===有序以数字开头 i ===有序以罗马i开头 I ===有序以罗马I开头 a===有序以字母a开头 A===有序以字母A开头 无序标签 1、基本结构 ul li卜鹏/li li田璐/li li欧阳春/li /ul 2.属性： type: circle(圆形) | disc(实心圆) | square（方块） 图片标签 1、图片标签 img src=1.jpg / 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，文字居中，可以使用br / 4)鼠标移到图片上，有文字提示信息。title=提示信息 5)当图片不存在的时候的提示信息。alt=您找到图片不存在 img alt=您找到图片不存在 src=1.jpg / 6)去掉图片的默认边框：border=0 img border=0 src=1.jpg / 超链接标签 一、超链接标签：a/a 1)指定要跳的网址： a href=/a 当我们要跳到别人的网址的时候 要重点注意：加http:// 当我们要跳到自己的网址的时候，不写http://，跳自己网址的规则跟找图片的规则一致。 2)要求新开一个选项卡： target=_self(默认，自身打开页面), target=_blank(新开一个页面), target=_top target=framename(用于框架集) 3)使用图片做超链接：a target=_blank href= img src=1.jpg/a 二、a标签和 Name 属性,做页内跳转。 a href=/html/html_links.asp#tips