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属性相关的元信息。
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标签包含的内部标签...相关推荐
- Web前端技术学习路线图 初阶+中阶+高阶
一.报告名称 前端技术学习路线图 二.作者 阿里前端委员会:孟令君 | 舒文亮 | 许智燕 | 赵兴越 | 王忆天 | 吴天豪 | 潘佳 | 包续兵 | 张伟 | 王卓 | 金擘 | 周祺 | 张舒迪 ...
- 现代前端技术解析:Web前端技术基础
最近几年,越来越多的人投入到前端大军中:时至至今,前端工程师的数量仍然不能满足企业的发展需求:与此同时,互联网应用场景的复杂化提高了对前端工程师能力的要求,一部分初期前端工程师并不能胜任企业的工作 ...
- Web前端技术历经的洗礼和蜕变
随着互联网产业的爆炸式增长,与之伴生的Web前端技术也在历经洗礼和蜕变.尤其是近几年随着移动终端的发展,越来越多的人开始投身或转行至新领域,这更为当今的IT产业注入了新的活力.尽管Web前端技术诞生至 ...
- 美团点评金融平台Web前端技术体系
背景 随着美团点评金融业务的高速发展,前端研发数量从 2015 年的 1 个人,扩张到了现在横跨北上两地 8 个事业部的将近 150 人.业务新,团队新,前端领域框架技术又层出不穷,各个业务的研发团队 ...
- 怎么更好掌握Web前端技术?JS的跨域是怎么回事?
怎么更好掌握Web前端技术?JS的跨域是怎么回事?JavaScript跨域是指通过JS在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过JS获取页面中不同域的框架中(if ...
- 最受欢迎web前端技术总结
Web前端技术发展非常快,主流技术的进步.想想刚毕业那会用asp技术.目前,该网站已经非常少见主流应用. 后来的后来J2EE框架.然后SpringMVC声望,然而,最近的各种js框架广泛传播,Html ...
- Web前端技术 Web学习资料 Web学习路线 Web入门宝典(不断更新中)
(此文档于2019年3月停止再更新,后续更新移步至:https://github.com/liuyuqin1991/polaris) 学习路线 第一章 技术(核心单独列章节) 1.Node Node. ...
- 转载《美团点评金融平台Web前端技术体系》
复制代码 作者:禹霖 原文地址: tech.meituan.com/2018/03/16/- 背景 随着美团点评金融业务的高速发展,前端研发数量从 2015 年的 1 个人,扩张到了现在横跨北上两地 ...
- web前端技术(一) 之从小白到大牛
web前端技术(一) 第一章 web前端基础 目录 web前端技术(一) 前言 一.前端技术的基础是什么 二.前端基础学习 1.HTML 1.1HTML文件的创建 1.2HTML文档的结构 1.3HT ...
最新文章
- 2019北京智源大会全部议题完整公开
- 6、spring拦截器
- 用python打开视频_python读取视频流提取视频帧的两种方法
- 天翼云从业认证(1.8)了解软件开发的环境、软件基础架构和常用软件开发工具
- JAVA项目中classpath路径详解
- 1017 The Best Peak Shape (35 分)(最佳峰形)(思路+详解+翻译+题意分析)Come brather!!!!!!!!!
- 3级调度 fpga_Vivado HLS学习笔记——1.了解FPGA架构
- p怎么调用python的实例属性_Python中类的声明,使用,属性,实例属性,计算属性及继承,重写...
- redis cluster集群模式简述
- TCP/IP路由技术 -1.3 IPv4地址
- 微博开发笔记上(未完待续)
- 西门子CPU扩展以太网接口的一种解决方案
- 4G5G学习过程中整理的专业名词的符号简称
- 数据仓库实施步骤与关键成功因素
- 塞雷三分钟漫画中国史1
- 国外服务器 虚拟主机,虚拟主机国内国外什么区别
- 2021年南京大学842考研-软件工程部分代码设计题
- 安装 EndNote X 9.3.3
- lawson算法_案例研究:Lawson合并后整合架构的新方法
- 网站推荐:检索全球范围内有趣实用的网站【持续更新】