进入HTML5世界

HTML5是一种描述网页的标记语言,非编程语言。常见的开发工具有Dreamweaver、Sublime等。基础结构包括文件类型声明、HTML标签对等。文章介绍了

的标题标签,



等基础标签,以及图像、超链接和锚点的使用,包括行内元素和块级元素的概念。
摘要由CSDN通过智能技术生成

进入HTML5世界

1.1HTml5概括

HTML是一种描述网页的语言,它既不是一种编程语言,而是一种标记语言。

1.1.2网页的开发工具

  1. 记事本
  2. Dreamweaner
  3. UltrEdit
  4. Sublime
  5. WedStorm
  6. VS Code

1.1.3HTML5文件的基础结构

7 文件类型声明
8< html>标签对
9< head>标签对
10< body>标签对

1.2.1网页的基础标签

  1. < h1>到< h6>
  2. < h1>最大
  3. < h6>最小

1.2.2标签

  1. < p>是段落标签
  2. < br/>是换行标签
  3. < hr/>水平线标签
  4. 字体样式标签,如< strong>是加粗,< em>是倾斜

1.2.3注释

  1. 通常用 shift+Alt+A或者Ctrl+?< !-- 注释–>

1.2.4字符实体

特殊符号字符实体
&nbsp表示空格
&gt;表示大于号
&lt;表示小于号
&quot;表示引号
&copy;表示版权符号

1.3图像标签

1.3.1常见的图像格式

JPS格式
PNG格式
GLF格式
BMP格式

1.3.2常用的属性

  1. width表示图像的宽度
  2. height表示图像的高度
  3. alt表示图像不能显示时代替显示的文本
  4. title表示鼠标指悬停显示的文本

1.4超链接标签

语法 < a href=“链接地址” target=" 目标窗口位置">文本或者图像

绝对路径
为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
相对路径
指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。
例如:
文件1.htm的绝对路径是:d:/www/html/1.htm
文件2.htm的绝对路径是:d:/www/html/2.htm
那么:1.htm相对于2.htm的路径就是:1.htm
#号表示空链接

1.4.1锚点链接的使用方式

怎么设置锚点id属性
在要跳转到的位置所在的标签中添加了 id 属性,并为其赋值;
使用 标签设置锚点,href 属性值为 # + id 属性值。

怎么链接到锚点
在一个网页的开头,做一个目录,每一个目录都是一个锚点链接,然后链接到本页面相关的位置。 意思是在网页中的某一个位置链接之前设定的锚点,只要点击该链接,就会自动跳转到锚点处。

1.4.2行内元素和块级元素的定义

< p>标签,< h1>~< h6>标签为块级元素
而< strong>标签,< em>标签,< a>标签为行内元素

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值