一、站点建立
作用:用来归纳一个网站上所有的网页,素材以及他们之间的联系。
站点根目录命名规则:必须是以字母和下划线开头,后面数字和下划线,不可以使用中文。
二、创建HTML页面
首页名称必须是:index.html
三、HTML5页面结构
<!doctybe html> <!--这里是注释:申明文本为HTML文本-->
<html> <!--HTML起始 开始标签-->
<head> <!--HTML, 文件头部-->
<meta charsrt="utf-8"/> <!--HTML,申明字符集 utf-8-->
<title>我的第一个 HTML 页面</title> <!--网页标题-->
</head> <!--HTML, 文件头部结束标签-->
<body>
<!--HTML, 文件主体-->
</body>
</html> <!--HTML结尾 结束标签-->
四、HTML基本语法
常规语法:
<标记 属性=“属性值” 属性=“属性值”>内容</标记>
空标记语法:没有结束标记的标记
<标记 属性=“属性值”/> <!--没有结束标签“</标记>”的标记-->
说明:
1、写在尖角号里的第一个单词叫标记, 也称标签,还可以称为元素。
2、标记和属性之间用空格隔开,属性和属性值之间用等号连接,属性值必须放在双引号内。
3、当一个标记有多个的时候,属性和属性用空格隔开,属性和属性不分先后顺序。
五、HTML核心元素
1、文本标题
<h1>一级标题</h1> 最大
<h2>二级标题</h2>
<h3>三级标题</h3>
。。。。 h4-h5省略
<h6>六级标题</h6> 最小
2、段落
<p>段落文字</p>
3、空格
4、加粗
<b>加粗文本</b>
<strong>加粗文本</strong>
5、强制换行
<br/>
6、倾斜
<i>倾斜文本</i>
<em>倾斜文本</em>
7、列表
无序列表语法
<ul>
<li>列表项内容<li>
<li>列表项内容<li>
<li>列表项内容<li>
...........
</ul>
有序列表语法
<ol>
<li>列表项内容<li>
<li>列表项内容<li>
<li>列表项内容<li>
............
</ol>
自定义列表语法
<dl>
<dt>名词</dt>
<dd>名词解释</dd>
</dl>
8、超链接
<a href="目标文件的路径及全称">连接文本</a> <!--“ ../” 返回上一个文件夹-->
9、图片
<img src="目标文件路径及全称"/>
10、水平线
<hr/>
11、div 布局页面区块 没有明确语义需要结合CSS写
12、span 内联元素,给文本做效果, 没有明确语义,后期学习