本文介绍了前端开发的基础知识，包括HTML的结构、CSS的表现形式和JavaScript的行为处理。讲解了网页的基本组成元素，如文字、图片、链接等，并详细阐述了HTML的常用标签，如h标签、br标签、img标签、a标签以及div和span标签的用法。此外，还提到了列表的三种类型：无序列表ul、有序列表ol和自定义列表dl。
1.认识前端
前端是由html，css，jss组成。
2.认识网页
网页是由：文字，图片，输入框，按钮，音频，视频......元素组成的。
3.网页规范
结构标准：制作网页必须按照HTML1的标准结构去写网页
表现结构：用来美化网页css
行为结构：用来实现网页中的用户的一些动作处理javaScript
4.浏览器介绍
5.HTML概念
5.1结构
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
5.2编辑器
常用的前端使用的编辑器
5.3单标签
换行标签 <br>
横线标签 <hr>
文档类型 <!doctype html>
注释标签 <!-- 内容 -->
5.4常用标签
5.4.1 h-标签
用来设置页面中的内容标题：<h1></h1> —— <h6></h6>
特点：1.数字越大，标题标签中的默认字体就越小，h1重要性最高
2.一个页面一般只有一个h1标签，给logo使用
3.独占一行
5.4.2换行标签
<br>
5.4.3水平线标签
<hr>
5.4.4img图片标签
<img>
语法：<img scr=" ">
属性：
scr：图片路径
width：设置宽度
height：设置高度
title：鼠标停在上面时出现的文字
alt：图片加载不出来时出现的文字
5.4.5超链接标签
语法：<a href="路径"></a>
属性：
target：设置页面打开方式（-self默认在当前页面打开 -blank 新窗口中打开）
5.4.6div和span标签
<div></div>
特点：划分区域
<span></span>
特点：设置字体样式
5.4.7特殊符号
< 小于号
语法：<
> 大于号
语法：>
6.列表
6.1无序列表ul
语法：
<ul>
<li>列表项</li>
<li>列表项</li>
</ul>
6.2有序列表ol
语法：
<ol>
<li>列表项</li>
<li>列表项</li>
</ol>
6.3自定义列表dl
语法：
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
扫一扫
5699
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
