1.web的三层标准
- 结构(html)
- 表现(css)
- 行为(js)
2.html是一种超文本标记(标签语言)
- 超文本指的是超出文件限制和超出文本链接
- 学习html主要学习html标签
- 用html标签表示网页元素如图片标签,文字标签,链接标签
- html标签都是用<>表示的
3.html骨架
<html></html
>页面的根标签
<head></head>
页面的头部标签
<title></title>
页面的标题标签
<body></body>
页面的主体标签
注:标签统一约定小写
4.前端编辑工具 sbmile
小技巧:!TAB或 html5 TAB 直接生成标签骨架
5.<!DOCTYPE>
处于文档最前面的位置 作用是告知浏览器文档使用哪种html或Xhtml规范(团队约定:必须写上)
6.<html lang = " ">
指定标签所使用语言
7.常用标签
- 标题标签
<h> </h1>
为一级标签,往下依次类推,作用:作为标题使用,根据重要性依次递减。 - 段落标签
<p></p1>
可=作用:可以将html文档分为若干段落 - 水平线标签
<hr />
(ps:这是一个单标签)作用:一条水平线 - 换行标签
<br />
(ps:这是一个单标签)作用:强制换行
8.文本格式化标签
<b></b>
<strong></strong>
加粗 后者有强调作用<i></i> <em></em>
倾斜 推荐后者<s></s> <del></del>
删除线 推荐后者<u></u><ins></ins>
下划线,推荐后者
9.标签属性
img 标记属性
- src URL 图像的路径
- alt 文本 图像不能显示时的文本
- title 文本 鼠标悬停时停放的内容
- width 像素 设置图像的宽度
- height 像素 设置图像的高度
链接标签属性
herf
外部链接 <a herf =" http://">文本或图像<a/>
内部链接<a herf = " .html">文本或图像<a/>
空链接 <a herf = "#">文本或图像<a/>
锚点标签 文本或图像
要跳到的链接用 # id= 名字
target
指定窗口的弹出方式 默认self,弹出_blank
注释标签
<!--- 注释语句 -->
快捷键 Ctrl + ?
团队约定,注释写在代码上方。