小白一枚刚接触前端,看了网上的学习视频,做了些整理
一、站点建立
站点根文件(数字下划线开头)
image、css文件、js文件
命名index(首页)
二、html5结构
<!doctype html>
<html>
<head>
<meta charset=”UTF-8”>
<title>页面名称</title>
</head>
<body></body>
</html>
三、html基本语法
<标记 属性=”属性值” 属性=”属性值”>内容</标记>
空标记的语法:没有结束标记
<标记 属性=”属性值” />
说明:
(1) 写在尖角号的第一个单词是标记,也叫标签,或者元素
(2) 标记和属性之间用空格隔开,属性和属性值之间用等号链接,属性值放在双引号之间
(3) 当一个标记有多个属性的时候,属性之间用空格隔开,属性之间无先后顺序
四、html 核心元素
1、文本标题
<h1>一级标题</h1>
2、段落
<p>段落文本内容</p>
3、空格
 ;
4、加粗
<b></b>
<strong></strong>
5、强制换行
<br/> 空标记
6、倾斜
<i>倾斜文本</i>
<em>倾斜文本</em>
7、列表
(1)无序列表
四个空格,嵌套,或者用tab健
<ul>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
。。。。。。。
</ul>
(2)有序列表
<ol>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
。。。。。。。
</ol>
(3)自定义列表
<dl>
<dt>名词</dt>
<dd>名词解释</dd>
</dl>
8、超链接
<a href=”目标文件的路径及全程”>链接文本</a>
9、图片(空标记)
<img src=”目标文件及全程”>
图片部分有waring:
<img src="images/1.jpg" alt="天气预报" />
10、水平线 <hr />
11、div
css中定义
12、span
五:CSS
CSS:层叠样式表,表现HTML或者XML文件的计算机语言
1、样式表的创建
内部样式表、外部样式表、行内样式表
创建内部样式表的语法:
<style type=”text/css”>
/*CSS语句*/
</style>
说明:用style元素创建样式表时,必须将该标记写在文件头部(<head>与、</head>)之间
2、 CSS的组成和语法
body{background:#0690;}
CSS的组成:选择器(选择符),声明
CSS的语法:选择符{属性:属性值;}
1) 一个选择符可以有多个属性,属性之间用分号:隔开
2) 一个属性可以有多个属性值,属性值与属性值之间用空格噶开