【前端知识学习】HTML5 学习笔记
文章目录
- 一. 简介与基本信息
- 1. W3C 标准
- 2. HTML基本结构
- 3. 网页基本信息
- 4. 网页基本标签
- 5. 媒体元素
- 二. 网页结构与框架
- 1. 页面结构
- 2. iframe 内联框架
- 3. 表单
这是狂神的HTML教学的笔记。从今天开始转行前端
主要是为了把简历写得更好看= =，因此部分地方会比较省略，比如表单等内容（不过如果以后需要学习的话，也会继续补充这块的内容）
一. 简介与基本信息
1. W3C 标准
1. DOM：文档对象模型
2. XML：可扩展标记语言，配置的时候会用到
开发工具：可以直接用 IDEA，记得配置
2. HTML基本结构
- 网页头部、网页主体、开放标签、闭合标签
3. 网页基本信息
- !DOCTYPE 描述使用的规范
- meta：描述性标签，描述网站的信息，可以用来给搜索引擎搜索
- title: 网页标题，比如我当前写文章的网页标题是“写文章-CSDN博客"
4. 网页基本标签
- 标题标签
- 段落标签（直接回车并不能实现换行效果噢~)
- 换行标签：相对于段落标签，行间的间隙会更小。单标签
- 水平线标签：
- 粗体、斜体标签：
- 特殊符号：如空格、大于号等（下图为格式，具体想要啥可以去百度查对应值）
- 题外话：养成好习惯，文件分好区
- 图像标签：推荐用相对地址
- 超链接标签：
- 锚链接：可以跨页面跳转，应用广泛
- 功能性链接：这个也比较有意思，还可以用来QQ推广。邮件链接也挺有用，点击邮件链接会开启邮件软件。
- 行内元素 && 块元素
- 列表：有序 && 无序 && 自定义
- 表格标签：跨列 colspan，跨行 rowspan
5. 媒体元素
二. 网页结构与框架
1. 页面结构
- header、footer、section、nav 用得比较多，利于清晰化网页结构～
2. iframe 内联框架
- 页中页
3. 表单
- 注意点：get && post 的区别（安全性、能否传输大文件）
- 其实 post 也可通过 f12 来查看表单信息，因此实际上也没那么安全，但是可以再通过一些加密技术来避免这种情况。
- 表单验证会用到正则表达式，可以直接查询常用的正则表达式（比如邮件、用户名等）
【前端知识学习】HTML5 学习笔记相关推荐
- 历时8个月，10w字！前端知识体系+大厂面试笔记（工程化篇）
前言 本文是10w字 前端知识体系+大厂面试总结 的 第三篇 其余3篇为基础知识篇.算法篇.前端框架和浏览器原理篇,如果还没有阅读,建议了解下 工程化目的是为了提升团队的开发效率.提高项目的质量 例如 ...
- 前端知识区别和学习路线_个人收藏
不多说,先放上相关资料文章: 前端学习总结(二十三)--前端框架天下三分:Angular React 和 Vue的比较: http://blog.csdn.net/haoshidai/article/ ...
- 10w字！前端知识体系+大厂面试笔记（工程化篇）
作者主页: https://juejin.cn/user/2594503172831208 正文 工程化目的是为了提升团队的开发效率.提高项目的质量 例如大家所熟悉的构建工具.性能分析与优化.组件库等 ...
- html需要顺序阅读吗,前端知识：HTML5所有的标签-按顺序排列 | 前端面试题
虽然HTML5的开发已经开始多年了,但网页设计人员/开发人员开始使用HTML5是在2010年.对于许多网络专业人士而言,这种语言非常熟悉,因为它不是试图从头开始重新编写所有内容,HTML5建立在以前的 ...
- HTML5学习笔记 —— JavaScript基础知识
HTML5学习笔记 -- JavaScript基础知识 标签: html5javascriptweb前端 2017-05-11 21:51 883人阅读 评论(0) 收藏 举报 分类: JavaScr ...
- html5收获,学习HTML5一周的收获4
/* [CSS常用文本属性] * 1.字体.字号: font-weight:字体的粗细,可选属性值:bold加粗 lighter细体 100~900数值(400正常,700 bold) font- ...
- 10w字！前端知识体系+大厂面试总结（算法篇）
内容超肝,慎入! 系列文章(一)(基础知识篇) 作者主页: https://juejin.cn/user/2594503172831208 正文 之前我对算法的理解,仅仅是为了应付大厂的面试 但是在两 ...
- 【狂神说Java】Vue学习笔记01：前端知识体系
本文根据B站[狂神说Java]vue系列视频整理,如需观看视频,请点击链接跳转 [狂神说Java]Vue视频 2.前端知识体系 想要成为真正的"互联网Java全栈工程师"还有很长的 ...
- HTML5学习笔记（一）：HTML简介
Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...
- 前端html5学习小总结
目录 前言 一.HTML5简介 二.HTML5网页基本骨架 1.框架代码 2.框架解析 三.HTML5基本标签介绍 一.标题标签 二.标签之段落.换行.水平线 三.图片标签 四.超链接 五.文本标签 ...
最新文章
- springmvc中url-url-pattern /和/*的区别
- 偶然发现了获取有ID的dom的一种方法
- android实现存储,Android开发实现文件存储功能
- lamda获取参数集合去空_JAVA集合框架知识
- Boost智能指针——scoped_ptr
- 九年级数学解方程50道_初中数学公式中考知识点总结，初三数学上册，九年级数学上册...
- flask v0.1 项目工程
- java零碎要点---struts2中redirect和redirectAction的区别
- asp.net写验证码
- 网站功能小Demo——学习MD5加密的一点心得
- 土方工程量计算表格excel_土方量调配表(Excel公式版)
- 2022-2028全球骨科创伤植入物行业调研及趋势分析报告
- vs2010环境下提示找不到d3dx9.h，及其“dxerr.lib”。
- 高校动态｜研究生被录取后放导师鸽子，学校要上报教育部失信名单取消其推免资格
- 计算机音乐专业考研,武汉音乐学院2021年硕士研究生招生考试《计算机音乐作曲》考试大纲...
- Accessing non existent property lineno of module
- 使用fiddler自动化抓取微信公众号文章的点赞与阅读数
- Android之侧滑删除RecyclerView
- mysql反模式_myfat: MyFat是MyBatis的DAO功能增强插件
- java 使用Thumbnailator 上传图片 并压缩图片大小