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,一经查实,立即删除!

相关文章

爬虫图片href是html图片,xpath爬虫实例,爬取图片网站百度盘地址和提取码

某套图网站,套图以封面形式展现在页面,需要依次点击套图,点击广告盘链接,最后到达百度网盘展示页面。这一过程通过爬虫来实现,收集百度网盘地址和提取码,采用xpath爬虫技术1、首先分析图片列表页&#xff0…

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

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

微型计算机主存可以分为,计算机基础试题 (含答案)

计算机基础试题 (含答案)一、填空题(每空1分,共30分)1、计算计的软件系统通常分成______软件和______软件。2、字长是计算机______次能处理的______进制位数。3、1KB______B;1MB______KB。4、计算机中,中央处理器CPU由______和______两部分组成。5、CPU按…

90年代微型计算机,版本控制如何在80年代和90年代的当今微型计算机上工作?

您必须在当时的通用基础结构中看到这一点。在80年代初期,IBM发布了“个人计算机”,您可以从字面上理解它。开发PC应用程序的最常见方法是一个人创建某些东西并试图出售它。因此,每个发行版本一张软盘可能很常见。您可以购买一些漂亮的彩色标签…

全国英语计算机9月统考2019,2019年9月网络教育统考《计算机应用基础》模拟题6...

本文为大家提供2019年9月网络教育统考《计算机应用基础》模拟题6,有需要的考生请自取。网络教育本科全国统考《计算机应用基础》模拟题6一、单选题1、第一台电子数字计算机诞生于 ______。A : 麻省理工学院B : 哈佛大学C : 宾夕法…

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

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

计算机组装活动口号,广教育、多技能、求发展喜迎计算机系第五届电脑文化节...

在深入学习实践科学发展观,改革教育教学模式,迎接高职院校人才培养评估工作的今天,为贯彻以人为本理念,全方位服务学生,培养学生综合技能,本学期计算机系举办第五届电脑文化节,举办电脑文化节是…

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

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

html 微博下拉菜单,jQuery实现模仿微博下拉滚动条加载数据效果

本文实例讲述了jQuery实现模仿微博下拉滚动条加载数据效果。分享给大家供大家参考,具体如下:滚动条距离底部$(function () {var i 4;$(window).bind("scroll", function (event) {//滚动条到网页头部的 高度,兼容ie,ff,chromevar …

怎么用计算机计算方位角,坐标方位角连续计算 fx-5800计算器编程

摘要:利用fx-5800计算器可编程的特点,编写坐标方位角连续计算程序,使计算方位角的工作变得简单易行,并且工作量大幅度降低。关键词:方位角;左侧转角;导线Abstract: using fx-5800 calculator pr…

yii html 添加下拉框,php – Yii2下拉列表:在我的选项中添加像data-food =“…”这样的html标记...

我正在使用Yii2构建应用程序.我使用Yii2提供的Html Helper生成下拉列表: Html::dropDownList(food, $food_id, $foodList, [id>food-select]); ?>其中$food_id是默认选择的选项,$foodList是一个包含表示选项值和文本的键值对的数组.它工作得很好,但我需要在我…

html是网页技术,Html静态网页技术小结

《Html静态网页技术小结》由会员分享,可在线阅读,更多相关《Html静态网页技术小结(4页珍藏版)》请在人人文库网上搜索。1、Html静态网页技术小结l Html入门n 所有的html网页都是有标签(W3C规定标准标签)n 所有的标签使用标准: ,而…

超级计算机 极光,万亿次极光系列代数运算微处理器来袭,国产超算已经一骑绝尘?-控制器/处理器-与非网...

在一日千里、风起云涌的信息时代,谁掌握了核心芯片技术,谁就占据了引领信息产业发展潮流的制高点。长期以来中国一直饱受缺芯之痛,每年都要花费超过 2000 亿美元的资金用于从西方国家购买芯片,规模甚至超过了石油、铁矿石等大宗资…

计算机组成数据通路组成实验报告,计算机组成原理实验报告+++数据通路实验.doc...

计算机组成原理实验报告数据通路实验数据通路组成实验一、实验目的(1)将双端口通用寄存器组和双端口存储器模块联机;(2)进一步熟悉计算机的数据通路;(3)掌握数字逻辑电路中故障的一般规律,以及排除故障的一…

计算机网络安全本科大学排名,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启动量超过吃鸡跃居第二,射击游戏第一,重回巅峰的…

dod刷服务器文件,DoD 5220.22-M和Gutmann两种硬盘擦除算法

DoD 5220.22-M的说明Use this seven-pass method for tighter security. Different patterns ofbytes are written to the disk as described in the table below. Usingthis method is probably even safer than using the simple method (with 6passes).This method is descr…

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

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