html初始

html初始

(1)html的标准的结构

< ! doctype html>    声明文档类型
<html>              根标签
<head>             头标签
<title></title>       标题标签
</head>
<body>             主体标签
</body>

</html>

(2)html的快捷键

Html:xt+tabHtml结构代码tab补全标签代码
Ctrl+shift+d快速复制一行Ctrl+shiif+k快速删除一行
Ctrl+鼠标左键单击集体输入Ctrl+h查找替换
Ctrl+f查找Ctrl+/注释
Ctrl+L快速选择一行Ctrl+shift+↑(↓)快速上移(下移)一行
F11全屏Ctrl + 回车添加一行空行
alt+shift+1/2布局进行分屏Ctrl+D反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑
Ctrl+K+U改为大写Ctrl+K+L改为小写
ctrl+/注释标签

(3)html基本的标签的使用

标签用法

换行
水平线
文本内容段落标签,上下自动生成空白行
h1-h6 取值到h6标题标签,取值只能到h6,h1在一个页面中只能出现一次
文本内容标签
文本加粗标签文本加粗标签
文本倾斜标签文本倾斜标签
删除线标签删除线标签
下划线标签下划线标签

(4)html的图片标签

huanghe
src:表示的是路径(文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名)
Alt:替换文本,图片不显示的时候显示文字
title:提示文字,鼠标放在图片上显示出来的提示性的文字
Width:图片的宽度
Height:图片的长度,百分之百比例显示,如果只更改图片的宽度或者高度,图片等比例缩放
路径:文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名
路径:图片(html文档)在文件在下一级目录里。文件夹名称+/+图片(html)名称

(5)超链接标签

超链接
href 去往的路径(跳转的页面) 必写属性
title 提示文本 鼠标放到链接上显示的文字
target=”_self” 默认值 在自身页面打开(关闭自身页面,打开链接页面)
Target=”_blank” 打开新页面 (自身页面不关闭,打开一个新的链接页面)

(6)锚链接

首先定义一个锚点 ->超链接到锚点回到顶部
不知道链接到那个页面的时候,用空链
让所有的超链接都在新窗口打开

(7)特殊的符号

特殊符号

(8)无序列表

type=”square” 小方块
Type=”disc” 实心小圆圈
Type=”circle” 空心小圆圈

(9)有序列表

type=”1,a,A,i,I”type的值可以为1,a,A,i,I

start=”3” 决定了开始的位置

(10)自定义列表

小标题
解释标题
解释标题

(11)音乐标签

hidden是进行隐藏出现的会话框

(12)滚动标签

页面自动滚动效果之:…

中间的内容可以为文字,图片,也可以是由程序生成的文字或图片

属性:height 设置高度 width 设置宽度 bgcolor 设置背景颜色

behavior:设定滚动的方式

alternate:表示在两端之间来回滚动。

scroll:表示由一端滚动到另一端,会重复。

slide: 表示由一端滚动到另一端,不会重复。

direction:设置滚动的方向

down :向下滚动 left:向左滚动 right:向右滚动 up:向上滚动

loop:设置滚动次数 -1一直滚下去

页面背景音乐:

属性:src 设置音乐路径

​ hidden :隐藏播放按钮 true 隐藏 false显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值