html学习笔记

1、  站点的建立

作用:用来归纳一个网站上所有的网页、素材以及他们之间的联系

站点根文件夹:必须以字母和下划线开头,后面接数字和下划线,不可以有中文字符

 

2、  创建HTML页面

首页名称:index.html

3、  Html5页面结构

<!doctypehtml>文件类型

<html>

 

<标记 属性=“属性值…”属性=“属性值…”>内容</标记>

 

href属性  超链接

<a href=http://www.baidu.com>百度</a>

空标记:没有结束标记的标记

<标记 属性=”属性值”/>

<hr /

 

文本标题

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

一共六级标题

<a

 

段落

<p> 文字</p>

 

空格
&nbsp;

文字加粗

<strong>文字中间加粗</strong>

强制换行

<br/>

 

文字倾斜

<em>文字</em>

文字列表

1、  无序列表

<ul>

四个空格<li>列表项内容</li>

….

</ul>

2、  有序列表:区别无序列表

<ol>

四个空格<li>列表项内容</li>

….

</ol>

列表会排序

3、  自定义列表

<dl>

四个空格<dt>中国</dt>

四个空格<dd>中国是一个很大的国家,…..</dd>

四个空格<dt>日本</dt>

四个空格<dd>日本是一个岛国国家,…..</dd>

……

<dl>

相当于名词解释。。。。。

 

 

超链接

<a href=-“链接地址及名称”> 连接文本</a>

<a href =”../index.html”> 返回</a>

 

图片

<img src=”目标文件的路径及名称”/>

水平线

<hr />

 

两种最多的标记,在html里面没有意思,但是在vss里面有意义,也可以加奥区域文本块

<div>

<span>

 

 

Css简介,层叠样式表,是用来表现HTML或者xml等样式文件的计算机语言

样式表类型:内部样式表,外部样式表,行内样式表

创建内部样式表语法:

<style type=”text/css”>::text/css基于文本的css文件

 

/*CSS语句*/

</style>

说明:用style元素创建样式表,必须将该表及写在文件头部,<header></header>之间

 

Css语法:

Body{background:#069;}

Css的组成:选择符(选择器),声明

Css语法:选择符{属性:属性值; }

说明:属性和数值值之间用: 分隔,生命必须在花括号内

一个选择符可以有多个属性,多个属性之间用分号(;)隔开

一个属性可以有多个属性值,属性值与属性值之间用空格隔开。

Div{height:120px;background:#333;border:3px solid #ff0}

Border有三个属性值,所以用空格隔开

 

<font></font>字体标签,size=1-7字体大小,color,字体颜色,face字体

<b></b>加粗

<i></i>意大利斜体

<tt></tt>打印机字体

<u>下划线

<s>划线

<sup>上标

<sub>下标

<code></code>显示代码格式

<pre>代码格式

 

marquee 标签,元素移动,默认从右往左移动

<a name=”顶端”  href=”#底端”>自动到底端,实现页面内跳转

<a href="mailto:531189371@qq.com“> 发送到邮箱</a>

 

 

Body属性讲解

Text 文本颜色

Link 链接的颜色

Alink点击时链接的颜色

Vlink点击后的颜色

Bgcolor背景色

Background 背景图片,平铺

 

 

跨行和跨列的表格

<table>

Cellspacing 文本与边框的距离

Cellpadding 每个表格之间间距,设置为0px

Td属性 colspan=”2”占两列

Rowspan跨两行。第二行写的时候,直接把跨行那个跳过。

<table border="3px" cellspacing="0"cellpadding="0" >

<tr>

<td>哈哈哈</td>

</tr>

<tr>

<td><a href="#">超链接</td>

<td><img src="_DSC0604.JPG"border="1px" width="300" height="200"/></td>

 

</tr>

</table>

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值