html5是什么?五大浏览器、网页基本骨架结构与含义、常用标签——学习HTML5第一天的心得总结,若有错误望指正,我将持续更新与大家共同进步。

16 篇文章 0 订阅
7 篇文章 0 订阅

注意:上方P标签所说的块元素不可嵌套块元素是指在p元素中不建议嵌套块元素,如不建议<P><div></div></P>这种嵌套,其他块元素则根据需求嵌套即可

1.html5是什么?

HyperText Markup Language 超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字图形动画声音表格链接等。

2.五大浏览器

  1. 、IE(Internet Explore)浏览器
  2. 、Opera浏览器:
  3. 、Safari浏览器:
  4. 、Firefox浏览器:
  5. 、Chrome浏览器:

3.标签语法

1.双标记标签      <标签名>内容</标签名>
2.单标记标签      <标签名>

4.网页基本骨架结构与含义

骨架:

  1. <!DOCTYPE html>
  2.    <html>
  3.      <head>
  4.           <title>网页标题</title>
  5.      </head>
  6.    <body>
  7.    </body>
  8.    </html>   
<!DOCTYPE html>
   <html>
     <head>
          <title>网页标题</title>
     </head>
   <body>
   </body>
   </html>   

含义:

<!DOCTYPE html> 声明文档类型 html5文档

<html></html> 根标记标签

<head></head> 头标记标签

<body></body> 主体标记标签

<meta charset="utf-8"> 元数据标签 charset设置字符编码 utf-8被称为万国码,包含全世界所有国家所需要的字符,若无字符集则可能会出现乱码的状况。

提示:gbk / gb2312两种编码类型统称为国标码

5.常用标签

标题标签:

  1. <h1>一级标题</h1>

  2. <h2>二级标题</h2>

  3. <h3>三级标题</h1>

  4. <h4>四级标题</h4>

  5. <h5>五级标题</h5>

  6. <h6>六级标题</h6>

段落标签:<p> </p>

换行标签:<br /> 

<!--  --> 注释标签 (注释内容浏览器界面不显示)

在HBuilder X与 VS code中注释快捷键是ctrl+/ 

图像属性:

图像标签<img src="" /> (图像标签中<img src="./图片名">中"./"指当前目录可省略不写)

1.相对路径

2.绝对路径

这里来重点讲解相对路径

<img  src="路径" alt="加载失败" width="宽度"
height="高度" title="提示文本">

src用来表示图片的引用路径
    1.当html文件 与 图片在同一个目录下 ,src的值
是直接写图片名称(./表示本目录可省略不写)
    2.当html文件与 图片所在文件夹 与 图片在同一个目录下,src的值是 先写图片所在文件夹的名称,在写图片名称
<img src="img/2.jpg">
    3.当html文件所在文件夹 与 图片 在同一目录
下,src的值是 先通过../ 跳出当前目录,在写图片名称
<img src="../3.jpg">
    4.当html文件所在文件夹 与图片所在文件夹 在
同一目录下,src的值 是先通过../ 跳出当前文件的目录,再通过  图片文件夹名称/  进入图片文件夹  然后写图片名称
<img src="../(图片文件夹名称)/4.jpg">
 

希望各位能够好好学习前端一起成长。


  

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
网页规划与设计是一门关于如何规划和设计网页的课程。在这门课程的大作业中,我们需要运用HTML5和CSS技术来完成一个网页的设计。 首先,在规划阶段,我们需要明确网页的目的和受众群体。例如,如果我们的网页是为了宣传一个产品或者品牌,那么我们需要确保网页的设计能够吸引受众群体并且突出产品的特点和优势。另外,我们还需要确定网页结构和布局,包括导航栏、内容区域、侧边栏等元素的位置和大小。 接下来,我们需要使用HTML5来创建网页骨架HTML5提供了丰富的标签和属性,使得我们能够更好地描述网页结构和内容。例如,我们可以使用<header>标签来定义网页的页眉部分,<nav>标签来定义导航栏,<section>和<article>标签来定义正文内容等等。同时,我们还可以使用CSS来美化网页的样式,包括设置字体、颜色、背景等等,以增加网页的吸引力。 在设计阶段,我们需要注意网页的可用性和可访问性。这意味着我们需要确保网页的布局和导航结构清晰明了,方便用户浏览和操作。另外,我们还需要注意网页的响应式设计,使得网页在不同设备和屏幕尺寸下都能够正确地显示和运行。 总结起来,网页规划与设计的大作业要求我们使用HTML5和CSS技术来规划和设计一个网页。这个过程中,我们需要明确网页的目的和受众群体,运用HTML5标签和属性来描述网页结构和内容,使用CSS来美化网页的样式,同时,我们还需要关注网页的可用性和可访问性,以及响应式设计的要求。通过这个大作业的完成,我们能够更好地理解网页规划与设计的重要性,并且提升我们的HTML5和CSS技术水平。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值