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属性相关的元信息。

link包含的属性:

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

(1)标题标签:h1~h6

(2)段内换行:br

(3)段内分组:span

(4)段落:p

(5)预留格式:pre

(6)水平线:hr

标题标签:h1~h6

段落标签:p

段内换行:br

空格字符: 

预留格式:pre

行内组合:span

水平线:hr

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

(1)超链接标签:a

(2)图片标签:img

超链接:a

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

锚点连接:a

图片标签:img

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

(1)列表:ul 、ol、li

(2)表格:table 、tr 、td

(3)区域:div

无序列表:ul 、li

有序列表:ol 、li

列表:

表格:table 、tr 、td、th

th

合并行、列

区域:div

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

块元素与行内元素的转换

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

表单与表单元素

(1)表单:form

(2)表单元素:input

(3)表单元素:select、option

(4)表单元素:textarea

表单:form

文本框、密码框:input

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

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

eg:

下拉列表框:select  option

文本域:textarea

内嵌框架:iframe

注释内容

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

  1. Web前端技术学习路线图 初阶+中阶+高阶

    一.报告名称 前端技术学习路线图 二.作者 阿里前端委员会:孟令君 | 舒文亮 | 许智燕 | 赵兴越 | 王忆天 | 吴天豪 | 潘佳 | 包续兵 | 张伟 | 王卓 | 金擘 | 周祺 | 张舒迪 ...

  2. 现代前端技术解析:Web前端技术基础

    ​ 最近几年,越来越多的人投入到前端大军中:时至至今,前端工程师的数量仍然不能满足企业的发展需求:与此同时,互联网应用场景的复杂化提高了对前端工程师能力的要求,一部分初期前端工程师并不能胜任企业的工作 ...

  3. Web前端技术历经的洗礼和蜕变

    随着互联网产业的爆炸式增长,与之伴生的Web前端技术也在历经洗礼和蜕变.尤其是近几年随着移动终端的发展,越来越多的人开始投身或转行至新领域,这更为当今的IT产业注入了新的活力.尽管Web前端技术诞生至 ...

  4. 美团点评金融平台Web前端技术体系

    背景 随着美团点评金融业务的高速发展,前端研发数量从 2015 年的 1 个人,扩张到了现在横跨北上两地 8 个事业部的将近 150 人.业务新,团队新,前端领域框架技术又层出不穷,各个业务的研发团队 ...

  5. 怎么更好掌握Web前端技术?JS的跨域是怎么回事?

    怎么更好掌握Web前端技术?JS的跨域是怎么回事?JavaScript跨域是指通过JS在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过JS获取页面中不同域的框架中(if ...

  6. 最受欢迎web前端技术总结

    Web前端技术发展非常快,主流技术的进步.想想刚毕业那会用asp技术.目前,该网站已经非常少见主流应用. 后来的后来J2EE框架.然后SpringMVC声望,然而,最近的各种js框架广泛传播,Html ...

  7. Web前端技术 Web学习资料 Web学习路线 Web入门宝典(不断更新中)

    (此文档于2019年3月停止再更新,后续更新移步至:https://github.com/liuyuqin1991/polaris) 学习路线 第一章 技术(核心单独列章节) 1.Node Node. ...

  8. 转载《美团点评金融平台Web前端技术体系》

    复制代码 作者:禹霖 原文地址: tech.meituan.com/2018/03/16/- 背景 随着美团点评金融业务的高速发展,前端研发数量从 2015 年的 1 个人,扩张到了现在横跨北上两地 ...

  9. web前端技术(一) 之从小白到大牛

    web前端技术(一) 第一章 web前端基础 目录 web前端技术(一) 前言 一.前端技术的基础是什么 二.前端基础学习 1.HTML 1.1HTML文件的创建 1.2HTML文档的结构 1.3HT ...

最新文章

  1. 2019北京智源大会全部议题完整公开
  2. 6、spring拦截器
  3. 用python打开视频_python读取视频流提取视频帧的两种方法
  4. 天翼云从业认证(1.8)了解软件开发的环境、软件基础架构和常用软件开发工具
  5. JAVA项目中classpath路径详解
  6. 1017 The Best Peak Shape (35 分)(最佳峰形)(思路+详解+翻译+题意分析)Come brather!!!!!!!!!
  7. 3级调度 fpga_Vivado HLS学习笔记——1.了解FPGA架构
  8. p怎么调用python的实例属性_Python中类的声明,使用,属性,实例属性,计算属性及继承,重写...
  9. redis cluster集群模式简述
  10. TCP/IP路由技术 -1.3 IPv4地址
  11. 微博开发笔记上(未完待续)
  12. 西门子CPU扩展以太网接口的一种解决方案
  13. 4G5G学习过程中整理的专业名词的符号简称
  14. 数据仓库实施步骤与关键成功因素
  15. 塞雷三分钟漫画中国史1
  16. 国外服务器 虚拟主机,虚拟主机国内国外什么区别
  17. 2021年南京大学842考研-软件工程部分代码设计题
  18. 安装 EndNote X 9.3.3
  19. lawson算法_案例研究:Lawson合并后整合架构的新方法
  20. 网站推荐:检索全球范围内有趣实用的网站【持续更新】

热门文章

  1. 【ABAP系列】SAP 面试 ABAPer的一些感想
  2. Python API简单验证
  3. 爬虫框架:scrapy
  4. 自定义控件_VIewPager显示多个Item
  5. BI-SqlServer
  6. php 类静态变量 和 常量消耗内存及时间对比
  7. 晚上答辩的理论知识准备
  8. js技巧收集(200多个)
  9. C语言反序输出英文句子,C++实现英文句子中的单词逆序输出的方法
  10. C学习杂记(二)笔试题:不使用任何中间变量如何将a、b的值进行交换