HTML的基本语法

您所在的位置:网站首页 金彭电动四轮车价格表v8 HTML的基本语法

HTML的基本语法

2024-03-04 14:32| 来源: 网络整理| 查看: 265

HTML 文件中主要由 HTML 标签组成

1. 标签 也叫元素 不同的标签具有不同的语义,决定了标签的功能以及用在那个位置 分为标签和双标签

内容

标签名不区分大小写(推荐用小写) 标签具有属性,通过属性可以设置标签的相关功能 2. 注释

注释的作用:

对某一部分的代码进行解释和说明 调试代码的时候,把一部分代码暂时注释掉 3. 文档声明

作用:告诉浏览器使用标准模式解析代码

开头必须要写这个

HTML 标签 1. 主体结构标签 标签名 语义和功能 属性 单标签还是双标签 html 页面的根标签 双 head 页面头部 双 body 页面主体 双 2. head 标签 标签名 语义和功能 属性 单标签还是双标签 title 页面标题 双标签 meta 设置网页元信息 charset属性: 指定字符编码name属性: 指定要设置的元信息,值如keyworks,descriptioncontent属性: 与name属性配合http-equiv数: 与name属性类似 单标签 link 引入文档与外部资源的关系 rel属性: 值shortcut icon、stylesheethref属性: 指定外部资源的地址 单标签 3. 设置网页元信息

这个可是很重要的,这个要是写不对就会出现乱码,看不懂了就:

4. 设置网页的标题图标 5. 格式排版标签 标签名 语义和功能 属性 但标签还是双标签 h1~h6 内容标题 双 p 段落 双 hr 分割线 单 br 换行 单 pre 按原文显示 双 div 没有语义,用于页面布局 双

注意: 格式排版标签重要的不是他们在浏览器上的表现样式,重要的是他们的语义,样式是可以通过css样式改变的。

6. 文本标签 标签名 语义和功能 属性 单标签还是双标签 em 强调,默认表现为斜体 双 strong 强调(语气更强),默认表现为粗体字 双 del 表示已删的文本 双 ins 表示新增添的文本 双 sub 下标字 双 aup 上标字 双 绝对路径和相对路径 1. 绝对路径

一个完整的网址

http://baidu.com http://weibo.com 2. 相对路径 1. 目标文件与当前文件同级

2. 目标文件在当前文 件的下级目录

3. 目标文件在当前文件的上级目标

(总的来说就是在你的文件夹里)

超链接和锚点 1. 相关的标签 标签名 语义和功能 属性 单标签还是双标签 a 超链接 href属性: 制定目标地址target属性: 指定目标文件在哪里打开 值:_self(默认的)、_blank(在一个新的页面打开)name属性: 用于设置锚点名 双 base 指定超链接的基础特性写在head标签里 href属性: 设置超链接的基础地址(影响相对路径,所以一般别用昂)target属性: 指定目标在哪里打开 值_self(默认)、_blank(在一个新的页面打开) 单 2. 超链接的功能

1. 目标地址

通过 href 属性指向目标地址,目标地址是一个文件的地址点击超链接,浏览器就会打开目标地址指向的文件如果目标地址指向的文件的格式浏览器打不开,就会下载

2. 超链接特殊用法

打电话发短息

3. 指定目标文件打开的位置

把 target 属性的值设置为_blank,目标文件会在新窗口打开target 属性的默认值是_self 3. 锚点

跳转到锚点,还是需要超链接,不跳转到新页面,跳转到当前页面的锚点位置

指定锚点回到顶部

注意:

不但可以跳转到本页面某个锚点`

还可以跳转到其他页面的某个锚点

图片 1. 相关标签 标签名 语义和功能 属性 单标签还是双标签 img 图片 src属性: 指定图片的地址alt属性: 指定图片的说明文字,如果图片无法正常加载,就会出现这个文字显示usemap属性: 指定与该图像对应的map标签的name值(就是让他们两个建立了联系) 双 map 用于图像映射 name属性: 指定一个名字,用于与img标签关联 双 area 用于图像映射划分区域必须写在map标签的里面 shape属性: 指定区域的形状,可选值:rect(矩形)、circle(圆形)、poly(多边形)coords属性: 根据区域的形状不同,执行不同的坐标href属性: 指定目标地址target属性: 指定在什么位置打开新的页面 单 2. 在页面中引入图像 3. 图片与超链接配合使用 4. 图像映像


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3