网页学习知识梳理

一.所有的标签都必须包含在<>中,一般标签都是成对出现的,<html>开始标签</html>结束标签,<br/>单标签

二.标签关系:包含关系和并列关系

三.基本标签结构总结:

  <html>最大的标签,根标签

  <head>文档的头部

    <title>网页标题</title>

</head>

<body>主体内容</body>

</html>

四.文档类型声明标签

  <!DOCTYPE>文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页<!DOCTYPE html>即采取的是html5版本来显示网页

  <!DOCTYPE>不是一个HTML标签他就是文档类型声明标签

五.lang语言种类:用来定义当前文档显示的语言

en定义语言为英语,zh-CN定义语言为中文

六.字符集

  1.字符集是多个字符的集合,以便计算机能够识别和储存各种文字。

  2.在<head>标签内,可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。

3.charset常用的值有:GB2312,GBK,UTF-8,其中,UTF-8被称为万国码,基本包含了全世界所有国家需要用到的字符

七.

①.为了使网页更具有语义化,在页面中经常用到标题标签,HTML提供了6个等级的网页标题,即<h1>-<h6>.

标签语义:作为标题使用,并且依据重要性递减.

特点:1.加了标题的标签文字会变粗,字号会变大.

                2.一个标题独占一行.

②.段落标签

<p>标签用于定义段落,它可以将整个网页分为若干个段落。

标签语义:可以把HTML文档分割为若干个段落。

特点:

      1.文本在一个段落中会根据浏览器窗口大小自动换行.

      2.段落和段落之间保有空隙.

③.换行标签

<br/>标签:强制将某段文本换行显示

标签语义:强制换行

      特点:

          1.<br/>是个单标签

          2.<br/>标签只是简单地开始新的一行,跟段落不一样。段落之间会插入一些垂直的间距.

④.文本格式化标签

      在网页中,有时需要为文字设置粗体,斜体或下划线等效果,这时候就需要用文本格式化标签.

标签语义:突出重要性.


加粗<strong>

倾斜<em>

删除线<del>

下划线<ins>

  ⑤.<div>和<span>标签

  <div>和<span>没有语义,他们就是一个盒子,用来装内容.

  特点:

1.<div>标签用来布局,一行只能放一个<div>,大盒子.

      2.<span>标签用来布局,一行上可以放多个<span>,小盒子.

八.图像标签和路径

  <img src="图像URL"/>单标签

src是<img>标签的必须属性,它用于指定图像文件的路径和文件名.

  图像标签的其他属性

src必须属性

alt替换文本,图像不能显示的时候,显示的文字

title提示文本,鼠标放在图片上显示的文字

width设置图像的宽度(像素)

height设置图像的高度(像素)

border设置图像的边框粗细

注意!!!:

    1.图像标签可以有多个属性,必须写在标签名的后面.

    2.属性之间不分先后顺序,标签名与属性,属性与属性之间均以空格隔开.

    3.属性采取键值对的格式,即key=“value"的格式,属性=”属性值“. 

路径:

    1.目录文件夹:就是普通的文件夹,里面只不过存放了我们做页面的文件,图片等.

    2.根目录:打开目录文件夹的第一层就是根目录

    3.相对路径:以引用文件所在位置为参考基础,而建立出的目录路径.图片相对于html页面的位置

          同一级路径:图像文件位于html文件同一级

下一级路径:表示:/图像位于html文件下一级

上一级路径:表示: ../图像文件位于html文件上一级

    4.绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径或者完整的网络地址.

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容