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