本文是基于Mac操作系统的,使用的是Sublime Text编辑器。在开始之前,我们先来了解一些Mac系统的快捷键,以提高我们书写代码的效率。在Mac系统中command的键与windows的ctrl键相似,例如command+c(复制),command+v(粘贴),command+/(注释),command+s(
保存),command+shift+p 打开插件安装入口等。
HTML基本结构
文档声明部分( 注意文档声明部分不是一个标签,因为它没有闭合)创建HTML标签
创建文档的头部和主体部分
//指定字符集编码为utf-8
网页标题
标签规范
1.标签有单标签和双标签(虽然支持自定义标签但是和空标签一样无意义)
单标签:有一个标签组成,如
双标签:由“开始标签”和“结束标签”两部分构成,必须成对使用,如,
是开始标签,表示一个段落的开始,
是结束标签,表示一个段落的结束
2.标签必须闭合
3.标签可以嵌套
4.标签有属性:属性总是以名称/值的形式出现,例如:name = “value”
属性总是在开始标签中定义.
5.标签不区分大小写:为了书代码的美观,一般建议全部小写
6.文本内容必须要包裹在标签内:为了便于对文字进行样式的设置
7.标签有块级标签和行级标签:块级元素 block 如 divh1p ul li等 会换行 想在同一行显示 需浮动或者display: inline
行级元素 inline 如 a span b 多个可以并排显示 默认设置宽度是不起作用 需设置 display: inline-block或者block才行。