本文通过“前端要解决的基本问题”和“什么是HTML”两个方面展开,是前端的基本认知,同时也开展了我学习前端代码的第一课,前面一部分听起来还是比较简单的,但一到涉及代码,对于我一个前端小白来说还是比较困难的,希望我能够一步一步把东西学懂,一步一步不再是一个小白。
什么是前端?
- 1.解决GUI人机交互问题
- 2.跨终端
- 3.Web技术栈
前端技术栈
- 1.HTML(页面、结构、内容)最基础
- 2.CSS(样式)
- 3.JavaScript(行为)
- 三者通过http协议到服务器段
前端应该关注哪些方面?
- 1.功能
- 2.美观
- 3.无障碍
- 4.安全
- 5.性能
- 6.兼容性
- 7.用户体验
开发环境
浏览器,编辑器
HTML
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
DOM树
包含文章的根节点
mindmap
document
html
head
meta
title
body
h1
p
HTML语法
- 标签和属性不区分大小写,推荐小写
- 空标签可以不闭合,比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略,比如required、readonly