前端学习第一天

小白一枚刚接触前端,看了网上的学习视频,做了些整理

一、站点建立

站点根文件(数字下划线开头)

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、空格

&nbsp;

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:
显示Atl of img tag must be set value
解决方案:添加alt值
<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)        一个属性可以有多个属性值,属性值与属性值之间用空格噶开


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值