1202-HTML
2周安排:HTML、CSS、JS(JavaScript、jQuery(ajax)、Vue)
-
web标准:是万维网指定的网页开发标准,主要包括三类:
1)结构标准:html,决定网页中的内容)
2)表现标准:css,决定网页中内容的布局与样式
3)行为标准:js,决定网页内容动态变化
HTML:超文本标记语言,与Markdown一样
-
HTML文件基本结构:
--> doctype表示html版本,html表示html5
<>表示html中的标签,一个html标签中有一个head标签和一个body标签
//表示html版本
网页标题 -
html基本语法:
1)双标签:<标签名 “属性1=值1” “属性2=值2” ...>标签内容标签名>
2)单标签:<同上> 或者 <同上/>
3)标签内容:任何内容都可以作为标签内容,例如:文字、标签本身
4)html中大小写不敏感
-
head:
1)作用:主要负责网页图片和标题的显示以及网页的基本设置
2)head中的标签:meta、title、link、style、script、base
a. meta:设置网页元数据(网页的编码方式、)
b. title:设置网页标题
c. link:导入文件(设置网页图标icon、导入外部样式表stylesheet)
-
body:
1)标题标签:h1-h6
2)段落标签:< p>< /p>
3)普通文字标签:font,多个font标签的文字可以在一行显示
4)空格和换行:& nbsp;(单位是像素)或者& emsp;(单位是空格键), < br>
5)加粗、倾斜:< b>< /b>与< strong>< /srong>、< i>< /i>或者< em>< /em>
6)水平线:< hr />
7)无序列表:ul表示整个列表容器;li表示列表中的元素
8)有序列表:ol表示整个列表容器;li表示列表中的元素
9)自定义列表:dl表示容器;dt表示一个分组;dd表示每个分组中的内容
10)图片标签:< img src="路径"/ title="图片标题" alt=“图片加载失败的提示信息”>
11)超链接:< a href="跳转地址" target=“页面打开方式_self/ _blank”>可点击部分< /a>
-
表格标签:table表示整个表格;tr表示行;td表示单元格
列合并:colspan;行合并:rowspan;