html页面包含头文件,Web前端技术:HTML部分---Head标签中包含的头文件标签,body标签包含的内部标签...

1、Head标签中包含的 头文件标签的作用:

(1)title标签:定义网页的标题。

(2)meta标签:一般用于定义页面的特殊信息,例如页面的关键字、页面描述等

(3)link标签:用于引入外部样式文件(CSS 文件)。

(4)style标签:用于定义元素的CSS样式。

(5)script标签:用于定义页面的JavaScript代码,或者引入外部JavaScript文件。

meta标签包含的属性

(1)charset属性:字符集编码方式;

ASCII:数字、英文字母、字符进行编码

GB2312:简体中文

Unicode:所有语言

UTF-8:所有语言,占用空间更小(现在一般都用这个)

eg:

(2)name属性:把content属性关联到一个名词

(3)http-equiv属性:把content属性关联到HTML头部

(2)+(3):(4)content属性:定义与http-equiv或name属性相关的元信息。

9f443dec7c7a9655c5274a9c83699064.png

link包含的属性:

a0cef6f8d069afe70722494e4d34ef8a.png

2、body标签包含的内部标签(1)

(1)标题标签:h1~h6

(2)段内换行:br

(3)段内分组:span

(4)段落:p

(5)预留格式:pre

(6)水平线:hr

标题标签:h1~h6

d18860a1b9dcfe8e6744e036f452e463.png

段落标签:p

e14fd1c79fcc7f977d48f8ebf4ec3286.png

段内换行:br

a03be3bfff405f40ac41d31856abc6ba.png

空格字符: 

80f130975999a1453b11199c0531c128.png

预留格式:pre

04e3a3ce0aec1faea612b56b8e360367.png

行内组合:span

39de256d3ecf698e2bf608023cb773e0.png

水平线:hr

987892c53bdfc436cc43e10d0514074f.png

2、body标签包含的内部标签(2)

(1)超链接标签:a

(2)图片标签:img

超链接:a

一般运用在:文字超链接、图片超链接、导航栏

beb990181ec47333747bc83dc7e1d19c.png

锚点连接:a

6f8e0a8cdaa715184aabe9019887c6a7.png

图片标签:img

a3da67091c6d08f21676b62bb41e4b67.png

2、body标签包含的内部标签(3)

(1)列表:ul 、ol、li

(2)表格:table 、tr 、td

(3)区域:div

无序列表:ul 、li

8f7ab061dc8a9a0b988677367f65738d.png

有序列表:ol 、li

1e8ed4ebb9533d5e96342f0e28219d97.png

列表:

e81aea594ab7a25aadeb9045cb174167.png

表格:table 、tr 、td、th

891201587a4b1bb6fd877c3319140117.png

th

1bfac8c65fc8677b99f235322914a7be.png

合并行、列

0ee8fe7df16c059aa9911ae07d8423d1.png

区域:div

1da960cc9019dcde1201e71807a8d7d8.png

块元素和行内元素:(左边为块元素的描述,右边为行内元素的描述)

c147f18de4128180e7d5623a69f285b5.png                    

82b8f4478fcee05b8a5ad7a948a64a36.png

块元素与行内元素的转换

3b0d405a9fbe7acbbd88b7d4ab9d0d9f.png

2、body标签包含的内部标签(4)

表单与表单元素

(1)表单:form

(2)表单元素:input

(3)表单元素:select、option

(4)表单元素:textarea

14564ded6e38acb343fa33b3d2810018.png

表单:form

69d4222f99ca72106c0ea60d8ae7038d.png

文本框、密码框:input

5626a3b2b729965af09879913e9fdd79.png

提交\重置按钮:input---submit\reset

1c0f5be6155c7dfc2ccd382ab0923fa3.png

单选框、复选框:input---radio checkbox

2a1d0e5779b00838fd60b861dcbb2e2f.png

eg:

436597bd1fa9aaf6108b2270a406c102.png

下拉列表框:select  option

1abe4ad71c1b7990984a41397ad1a84e.png

文本域:textarea

37d02ff375fcc29206d3c08c8931d5fe.png

内嵌框架:iframe

0e225ece3a63c08d1c4f364d7d01a90d.png

注释内容

ed83a538bccee2870e11782d968b1446.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/382927.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HTML如何做个播放器图表,Web绘图神器之ECharts-ts文件播放器

前言最近在做一个项目需要用到大量的图形报表来展示数据。就去对比了一些前端图形报表框架,有Highcharts、Echarts、Three.js。发现Three.js比较笨重,不太适合数据展示,做前端动画还是比较好。而highcharts、echarts比较轻量级拿来就用比较方…

计算机网络原码反码补码,计算机的原码和反码及补码到底是什么

数据在计算机里面都是以0和1存储和运算的,这是冯诺依曼体系的基础。比如一个数在计算机中若有正负之分,则用一个数的最高位(符号位)用来表示它的正负,其中0表示正数,1表示负数。原码就是整数绝对值的二进制形式,为了解…

关于计算机应用基础问题,《计算机应用基础》习题及问题详解

《计算机应用基础》习题及问题详解 (17页)本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!19.90 积分实用文档第一章 计算机基础知识填空题:1. 信息技术在现代工业工程中的应用十分广泛&…

计算机网络安全本科大学排名,2021网络工程专业大学排名 最好大学排行榜

2021网络工程专业大学排名 最好大学排行榜2021-06-11 19:35:09文/丁雪竹网络工程专业在全国最好的大学是哪几所呢,最好的大学排名是什么样呢,小编整理网络工程专业大学最好大学排行榜,仅供参考!网络工程专业最好大学排行榜在网络工…

20线程测试cpu性能软件,评测平台介绍、CPU多线程性能测试

2、平台介绍及CPU性能测试AMD AM3平台CPUAMD FX-8150(4模块/8核)AMD FX-8350(4模块/8核)主板华硕 Crosshair V Formula(BIOS版本:1605)Intel LGA1155平台CPUIntel Core i5 3570K(4核/4线程)Intel Core i7 3770K(4核/8线程)主板华硕 P8Z77-V Deluxe共用配件硬盘主盘&…

大型网站服务器 pdf,大型网站服务器容量规划[PDF][145.25MB]

内容简介内 容 提 要本书讲解了用数学回归分析方法来做服务器容量规划的思路,让读者掌握服务器容量规划的量化方法;模型的选择是服务器容量规划的关键,不同的程序有不同的模型。本书使用nginxPHPMySQL为实例演示了具体的规划过程,…

穿越火线全部服务器都显示爆满,穿越火线大区全部爆满,频道挤不进去背后的故事!...

大家好我是小包子,穿越火线经历了十一周年,盛典游戏更新后,我们发现游戏基本上所有大区都呈现爆满的盛世。我们热爱的穿越火线又回来了吗?6月小包子曾爆料CF启动量超过吃鸡跃居第二,射击游戏第一,重回巅峰的…

服务器加根网线用不用修改路由器,安装设置无线路由器需要用几根网线?

“安装设置无线路由器需要用几根网线?看到网上安装设置路由器的教程,有的说需要两根网线,有的说需要一根网线,请问到底应该使用一根还是两根呢?”其实这个问题的答案并不是唯一的,使用一根还是两根&#xf…

大数运算#

大数,就是C/C中利用基本类型所不能存储的数字,少则数十位,大则几万位,如何存储和计算大数就是本文的内容。 在C和C中,没有存储大数的数据结构,就算 unsigned long long也只能表示19位的数字  如果我们用d…

linux之缓冲区

行缓冲。在这种情况下,当在输入和输出中遇到换行符时,标准I/O库执行I/O操作。这允许我们一次输出一个字符,但只有在写了一行之后才进行实际I/O操作。当流涉及一个终端时,通常使用行缓冲。 第一个例子:(he…

linux之地址空间

程序:一组指令的有效集合。它是静态的,不具有任何的运行意义。程序最终转换为二进制文件。 进程:程序的执行就是进程。可以把它看成独立的程序,在内存中有其对应的代码空间和数据空间。一个进程所拥有的数据和代码只属于自己。进…

C语言随机数生成超详解

1.首先来看一段简单的代码 #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> #include <time.h>int main(void) {int i;printf(" %6d\n", rand());system("pause"); }printf(" %6d\n", rand());sys…

模板

模板是泛型编程的基础&#xff0c;即与类型无关的逻辑代码。 利用模板机制可以显著减少冗余信息&#xff0c;能大幅度地节约程序代码&#xff0c;进一步提高面向对象程序的可重用性和可维护性。 模板是实现代码重用机制的一种工具&#xff0c;它可以实现类型参数化&#xff1b;…

linux-----强大的find

我又回来了。哈哈。今天我们来说一下linux中的另一个强大的find命令&#xff0c;灰常重要&#xff0c;灰常重要&#xff0c;灰常重要。显而易见&#xff0c;find就是对某一个文件或者目录的查找喽。但是它的一个显著的特点就是&#xff1a;一般放在后台执行&#xff0c;从整个文…

C语言模拟实现标准库函数之strcmp()

strcmp() C/C函数&#xff0c;比较两个字符串 设这两个字符串为str1&#xff0c;str2&#xff0c; 若str1str2&#xff0c;则返回零&#xff1b; 若str1<str2&#xff0c;则返回负数&#xff1b; 若str1>str2&#xff0c;则返回正数。 char * my_strcmp(char *key,…

linux之task_struct

每个进程中都有一个进程控制块--PCB。PCB--维护进程相关的信息。然而&#xff0c;linux内核的进程控制块就是task_struct结构体&#xff0c;它可以保存进程的信息。 所有运行在系统里的进程都以task_struct链表的形式存在内核里。 每个进程都将它的信息放在task_struct结构体…

C语言模拟实现标准库函数之memcpy()

memcpy&#xff08;&#xff09; 1.如果我们需要对一个数组初始化&#xff0c;把数组的内容全部置0&#xff0c;那么能不能用strcpy() int main() {char arr1[10] { 0 };char arr2[10] " abcdefg ";strcpy(arr2, arr1);system("pause");return 0; } 我…

说说堆及堆排序

堆&#xff1a;是一种数组对象&#xff0c;它可以被看成是一种二叉树结构。 我们把堆的二叉树存储方式分为两种&#xff1a;即大堆和小堆。那么问题来了&#xff0c;什么大堆&#xff1f;什么是小堆&#xff1f; 大堆&#xff1a;让每个父节点的值都大于孩子节点的值。 小堆…

linux之父子进程的输出

首先&#xff0c;我们来回忆一下父进程与子进程&#xff0c;前几节讲了如何创建子进程&#xff0c;像这样的&#xff0c;pid_t id fork(); 这样我们就创建好了一个子进程&#xff0c;然而fork()函数的返回值是什么呢&#xff1f;这里要记住&#xff1a;子进程返回0&#xff0c…

linux---谈谈vfork和fork的区别及exit与return

fork()&#xff1a;创建子进程的函数&#xff0c;是大家比较熟悉的吧。pid_t id fork(); 这里的vfork();也是创建子进程的函数。现在我们来剖析一下它们吧。 第一例&#xff1a; 先看一个fork()的例子哦。 对于fork()而言&#xff0c;创建子进程成功后直接打印出父子进程执…