wordpress个人站,重庆网站制作教程,郑州好的网站设计公司,网站空间 上传程序1.定义
1.1标签
语法规范#xff1a;标签名 属性名属性值标签名/标签名 标签之间可以嵌套
1.2属性
定制元素的行为的。属性是不通用的#xff0c;每一个标签存在自身的属性。当属性名属性值时#xff0c;可以只写属性值
2.HTML常用标签
2…1.定义
1.1标签
语法规范标签名 属性名属性值标签名/标签名 标签之间可以嵌套
1.2属性
定制元素的行为的。属性是不通用的每一个标签存在自身的属性。当属性名属性值时可以只写属性值
2.HTML常用标签
2.1 排版标签
排版标签主要和css搭配使用显示网页结构的标签是网页布局最常用的标签。
排版标签 标签名作用属性标题标签hn/hn 为了使网页更具有语义化我们经常会在页面中用到标题标签HTML提供了6个等级的标题即h1-h6 包含所有全局特性段落标签p/p 可以把 HTML 文档分割为若干段落 在网页中要把文字有条理地显示出来离不开段落标签就如同我们平常写文章一样整个网页也可以分为若干个段落. 是HTML文档中最常见的标签默认情况下文本在一个段落中会根据浏览器窗口的大小自动换行。 包含全局属性 (p 标签的 align 属性已被弃用请不要使用) 水平线标签hr 在网页中常常看到一些水平线将段落与段落之间隔开使得文档结构清晰层次分明。这些水平线可以通过插入图片实现也可以简单地通过标签来完成 该元素包含全局属性。 align 已弃用 非标准 设置页面上分割线的对齐方式。如果没有指定任何值默认值为 left。 color 非标准 非标准 使用颜色名或十六进制设置分割线的颜色。 noshade 已弃用 非标准 令分割线不包含阴影。 size 已弃用 非标准 设置分割线高度的像素值。 width 已弃用 非标准 使用像素或者百分比设置分割线的宽度。 换行标签br/ 在HTML中一个段落中的文字会从左到右依次排列直到浏览器窗口的右端然后自动换行。如果希望某段文本强制换行显示就需要使用换行标签 包括全局属性 (en-US)。 clear 已弃用 指定换行后下一行文本开始位置。 div 和 span标签 他们两个都是盒子用来装我们网页元素的 只不过他们有区别现在我们主要记住使用方法和特点就好了 div标签 用来布局的但是现在一行只能放一个divspan标签 用来布局的一行上可以放好多个span不换行所有全局属性。
2.2图像标签img
要想在网页中显示图像就需要使用图像标签接下来将详细介绍图像标签以及和他相关的属性。 **注意: ** 标签可以拥有多个属性必须写在开始标签中位于标签名后面。 属性之间不分先后顺序标签名与属性、属性与属性之间均以空格分开。 采取 键值对 的格式 key“value” 的格式 重点属性掌握点 src表示链接图片的地址包含图片名称 alt当图片不能正常显示提示的文本信息 title表示鼠标悬停在图片时显示的信息 width图片占屏幕的像素宽度 height图片占屏幕的像素高度 2.3链接标签a
属性作用href用于指定链接目标的url地址必须属性当为标签应用href属性时它就具有了超链接的功能target用于指定链接页面的打开方式其取值有_self和_blank两种其中_self为默认值__blank为在新窗口中打开方式。 注意 外部链接 需要添加 http:// www.baidu.com 内部链接 直接链接内部页面名称即可 比如 a href“index.html” 首页 如果当时没有确定链接目标时通常将链接标签的href属性值定义为“#”(即href“#”)表示该链接暂时为一个空链接。 不仅可以创建文本超链接在网页中各种网页元素如图像、表格、音频、视频等都可以添加超链接。 2.4 注释标签 在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字就需要使用注释标签。 注释内容不会显示在浏览器窗口中但是作为HTML文档内容的一部分也会被下载到用户的计算机上查看源代码时就可以看到。 语法格式 !-- 注释语句 -- 快捷键是 ctrl / 注释重要性 注释是给人看的目的是为了更好的解释这部分代码是干啥的 程序是不执行这个代码的
3. 路径
3.1概述 实际工作中我们的文件不能随便乱放否则用起来很难快速的找到他们因此我们需要一个文件夹来管理他们。
3.2 绝对路径 绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对指当所有网页引用同一个文件时所使用的路径都是一样的。 “F:\web\img\logo.gif”或完整的网络地址例如“http://www.baidu.cn/images/logo.gif”。 3.3 相对路径 以引用文件之网页所在位置为参考基础而建立出的目录路径。因此当保存于不同目录的网页引用同一个文件时所使用的路径将不相同故称之为相对路径。
同一级路径只需输入图像文件的名称即可如img src“baidu.gif”
下一级路径图像文件位于HTML文件同级文件夹下例如文件夹名称为images如img src“images/baidu.gif”
上一级路径在文件名之前加入“…/” 如果是上两级则需要使用 “…/ …/”以此类推 如img src“…/baidu.gif”
相对路径是从代码所在的这个文件出发 去寻找我们的目标文件的而 我们所说的 上一级 下一级 同一级 简单说就是 图片 位于 HTML 页面的位置
4. 列表标签
4.1无序列表 ul 无序列表的各个列表项之间没有顺序级别之分是并列的。其基本语法格式如下
ulli列表项1/lili列表项2/lili列表项3/li......
/ul ul就是声明一下。这是一个无序列表li表示列表项
注意 1. ul/ul中只能嵌套li/li直接在ul/ul标签中输入其他标签或者文字的做法是不被允许的。 2. li与/li之间相当于一个容器可以容纳所有元素。
值描述disc 默认值、实心圆circle 空心圆square实心方块
bodyp我的电脑/pul typesquareli 我的c盘ul typediscli我的视频/lili我的音乐/lili我的文档/li/ul/lili我的D盘ul typediscli我的视频/lili我的音乐/lili我的文档/li/ul/li/ul
/body
4.2 有序列表 ol
有序列表即为有排列顺序的列表其各个列表项按照一定的顺序排列定义有序列表的基本语法格式如下
olli列表项1/lili列表项2/lili列表项3/li......
/ol
4.3 自定义列表 定义列表常用于对术语或名词进行解释和描述定义列表的列表项前没有任何项目符号。其基本语法如下
dldt名词1/dtdd名词1解释1/dddd名词1解释2/dd...dt名词2/dtdd名词2解释1/dddd名词2解释2/dd...
/dl
5.文本格式化标签 在网页中有时需要为文字设置粗体、斜体或下划线等效果这就需要用到HTML中的文本格式化标签使文字以特殊的方式显示。
标签语义突出重要性比普通文字更重要
语义 标签说明加粗strong/strong或者b/b更推荐使用strong标签加粗语义更强烈倾斜em/em或者i/i更推荐使用em标签加粗语义更强烈删除线del/del或者s/s更推荐使用del标签加粗语义更强烈下划线 ins/ins或者u/u更推荐使用ins标签加粗语义更强烈
