☰
【前端入门学习】
2026/10/3 2:38:38 网站建设 项目流程

Day1
一、计算机:硬件与软件,其中软件分为系统软件和应用软件
应用软件 C/S架构【安全】
B/S架构 ---写网页
二、网页:结构【HTML】表现【CSS】行为【Java Script】
三、HTML
超文本 标记 语言【写法、使用规则】

2<标签名> 标签体 </标签名>,其中 <标签名> 为起始标签。其中 </标签名> 为结束标签
标签又叫元素
标签之间有嵌套关系还有并列关系
3

4


5

7HTML注释

注释内容会被浏览器忽略,但源代码中依然可见
注释不可以嵌套
8 HTML 文档声明
<!DOCTYPE html> 第一行

9 编码用UTF-8
10输入!,随后输入回车 可快速生成标准结构
在存放代码的文件夹中,存放一个 favicon.ico图片,可配置网站图标
MDN
排版标签 p里面不能有h1-h6也不能有div也不能有p
h1-h6是标题 ,p是段落,div没有含义用于整体布局,相当于包装袋。
语义化标签标签默认的效果不重要,语义最重要(效果是文字很大,语义是网页主要内容)
优势1.代码的可读性强清晰
2.有利于SEO(搜索引擎优化)
3.方便设备解析
块级元素与行内元素
块级元素独占一行 块级元素中能写:行内元素、块级元素(几乎什么都能写)
行内元素不独占一行 input 行内元素中能写:行内元素,但不能写:块级元素
特殊 1: h1-h6不能互相嵌套2:p标签中不能写块元素
排版标签更宏观 ,文本标签更微观。
常用文本标签em,strong(强调) span(没有语义,包裹短语的通用容器)
div是大包装袋,span是小包装袋。
图片标签 img

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询