Head first html and css笔记

 

第一章 认识html

<p></p>文本

<h1></h1>一级标题

<h2></h2>二级标题

第二章 深入了解超文本

<a>xxx</a>创建超文本链接

<a href=”指定连接目标文件路径”>xxx</a>

“..”表示父文件夹

第三章 构建模块
<q></q> 短引用,内联元素,浏览器会加上双引号,但不是所有浏览器都会加。

<blockquote>长引用,块元素。

块元素:用作web页面中主要构建模块。

内联元素:标记小段内容。

<br>换行

<ol></ol>列表项将作为一个有序列表显示(块元素)

<ul></ul>列表项将作为一个无序列表显示(块元素)

<li></li>每个li元素会成为列表中的一个列表项(块元素)

还有别的列表比如dd dt

第四章 连接起来

<a target=”_blank” href=”xxx” title=”xxx” >xxxx</a> target属性告诉浏览器在哪里打开href属性中链接指示的web页面,如果没有target浏览器会在同一个窗口打开链接。“_blank”浏览器会在新窗口打开链接。

第五章 为你的页面增加图像
图像:JEPG:适合照片和复杂图像

      PNG或GIF:适合单色图像、logo和几何图形

<img src=”xxxxx” alt=”xxxx”>

alt属性:描述这个图像的一些文本,如果图像未显示,则会用文本来代替他。

第六章 标准及其他
HTML5是一个活的标准,以后不会再出现其他版本。

W3C验证工具:http://validator.w3.org/

<meta>指定字符编码

任何时候都要使用<!docytype>,位于第一行。

只有<head><body>能直接放在<html>中,其他所有元素都要放在<head><body>中。

第七章 css入门

1.css放入html中,位置是在head中,<style>所有的css代码都放这里</style>

2.可以另写css文件(不需要写style),在html文件中提供链接即可。

<link type=”text/css” rel=”stylesheet” href=”css文件存放位置”>

3.样式可以继承

4.元素可以加入多个类

5.css验证工具:http://jigsaw.w3.org/css-validator/

第八章 增加字体和颜色样式

1.每个font-family包含一组共有特征的字体。共有五个字体系列:sans-serif、serif、monospace、cursive、fantasy

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值