当前位置:网站首页 > 编程语言 > 正文

网页制作代码模板和素材一样吗(网页制作代码模板和素材一样吗)



目录

HTML —— 简单知识点

一、网页

1. 什么是网页

2. 什么是HTML

3. 网页的形成

二、浏览器

1. 常用浏览器

三、Web标准 

1. Web标准

2. Web标准的构成

四、HTML标签

1. HTML语法规范

 2. 标签的关系

3. HTML基本构成标签

五 、网页开发工具

1. 一些标签

2. HTML常用标签

#END



1.1 网站:使用HTML等制作的用于展示特定内容相关的网页集合

1.2 网页:网站中的一“页”,用HTML语言创建,通常是HTML格式的文件,通过浏览器阅读;

1.3 网站和网页的关系:网页是构成网站的基本元素,网页通常以 .htm 或者 .html后缀结尾的文件

1.4 网页的组成:图片、文字、链接、声音、视频等;

2.1 HTML:超文本标记语言,用来描述网页的一种语言(标记语言);

2.2 标记语言:一套标记标签

2.3 超文本含义:

超越了文本限制:可以加入图片、声音、动画、多媒体等;

超级链接文本:从一个文件跳转到另一个文件,与世界各地主机文件连接;

网页由网页元素组成,通过利用HTML标签描述出来,在通过浏览器进行解析,最后展示在用户面前。

 

 

1.1 浏览器:网页显示、运行平台

1.2 常用五大浏览器:IE、火狐(Firefox)、谷歌(Chrome)、Safari、Opera;

1.3 浏览器的内核(渲染引擎):负责读取网页的内容、整理讯息、计算网页的显示方式并显示页面

 

 

 

1.1 Web标准:由W3C组织(万维网联盟)和其他标准化组织制定的一系列标准的集合

1.2 为什么需要Web标准(六点):遵循Web标准可以让不同的开发人员写出的页面更标准、更统一;

2.1 构成:结构、表现、行为

2.2 具体解释:

2.3 Web标准提供的最佳的体验方案:结构、表现、行为相分离(分开写)

即结构写在HTML文件中,表现写在CSS文件中,行为写在JavaScript文件中。

 

 

1.1 HTML标签由尖括号<>包围的关键词;

 
    

1.2 HTML标签通常是成对出现的,称为双标签

 
    

① <head> 称为开始标签,</head> 称为结束标签

② 结束标签只比开始标签多一个 “/”

1.3 有些特殊的标签必须是单个的标签(极少),称为单标签,单标签的后面要加上一个“/”;

 
    

2.1 包含关系(双标签):

 
    

head就如title的父亲,因此又称为父子关系;

2.2 并列关系(双标签):

 
    

head和body就如兄弟,因此又称兄弟关系;

3.1 每个网页都会有一个基本的结构标签(骨架标签)页面内容就在这些基本标签上书写;

3.2 基本结构标签:

3.3 具体解释:

① html:根标签,包含所有的标签

 
    

② head:文档的头部

③ title:标题

 
    

 

④ body:主体内容

 
    

 

1.1 文档类型声明标签<!DOCTYPE>  告诉浏览器使用哪种HTML版本来显示网页;

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

en:代表英语,表示此网页为英文网页

zh-CN:代表中文,表示此网页为中文网页

1.3 字符集(Character set):多个字符的集合;

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

charset常用的值有:GB2312(简体中文)、BIG5(繁体中文)、GBK(简体+繁体)、UTF-8(万国码)

UTF-8(万国码):基本包含了全世界所有国家需要用到的字符;

 

2.1 标签语义:标签的含义

2.2 标题标签:为了使网页更具有语义化,使用标题标签(6个)作为标题;

特点:

① 标题独占一行

② 标题的文字会进行加粗以及变大

 
    

2.3 段落标签:<p>文字</p>  定义段落;

特点:

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

② 段落和段落之间保有空隙

 
    

2.4 换行标签:<br /> 强制换行;

特点:

① 是个单标签

间隙与段落相比更小

 
    

 

 

到此这篇网页制作代码模板和素材一样吗(网页制作代码模板和素材一样吗)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 虚拟机里安装系统(虚拟机安装系统后无法启动)2025-06-28 17:18:05
  • ipv6回环地址是什么(ipv4环回地址)2025-06-28 17:18:05
  • 开源代码网站github下载代码(github开源代码商用)2025-06-28 17:18:05
  • 网页版聊天工具有哪些(网页版聊天工具有哪些功能)2025-06-28 17:18:05
  • 手机ip138地址查询(手机的ip地址怎么查)2025-06-28 17:18:05
  • vbf文件是什么(vbe文件是什么)2025-06-28 17:18:05
  • 本机所有信息(本机所有信息怎么删除)2025-06-28 17:18:05
  • 广度优先搜索怎么遍历(广度优先搜索遍历序列)2025-06-28 17:18:05
  • 下载安装包需要读写文件权限华为(华为手机下载需要权限怎么办)2025-06-28 17:18:05
  • ppppppppppppppp啥意思pppppp(pppppp是什么意思)2025-06-28 17:18:05
  • 全屏图片