HTML学习笔记9:总结一

这篇博客主要介绍了HTML的基础概念,包括客户端与服务器端的区别、文件名的构成、打开网页的过程、站点的定义、HTML语言规则、常见标记、标记的分类、属性、字符编码、W3C的XHTML规范、滚动文字设置、路径、链接类型、六种标题级别以及列表和标签的使用。内容深入浅出,适合初学者学习。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、 客户端和服务器端
a) 浏览者使用的计算机,用来服务器发送请求
b) 服务器端:存放网页文件的计算机
2、 文件名、基本名、扩展名
a) 文件名由基本名和扩展名组成
b) 基本名就是文件的名称
c) 扩展名文件类型 txt doc docx ppt jpg gif png
3、 打开一个网页的执行过程
a) 可以端向服务器发送一个请求(http),服务器将文件的代码发送到客户端,通过浏览器解析生成我们看到的界面
4、 站点
a) 站点是一个文件夹,用来存放与网页有关的静态资源(html,css,js,图片,flash动画,gif动画、声音、视频)
5、 什么是HTML
a) 超文本标记语言
6、 HTML语言的规则
a) 所有的标记都要放在<>中
b) 大部分的标记是成对出现的,昨天我们学了不成对的标记有<br><hr>
7、 网页的基本框架

<html>
     <head>
        <title>网页标题</title>
    </head>
    <body>
        //网页主体
    </body>
</html>

8、 几种常见的标记

<p>         段落
<br>        换行
<hr>        水平线
<b>         粗体
<i>         倾斜
<u>         下划线
<strong>    加粗强调
<em>        倾斜强调
<sub>       下标
<sup>       上标

9、 标记的分类
a) 容器标签:成对出现
b) 空标签:不成对出现
10、 属性
a) 属性跟在标记的后面,一个元素可以有多个属性,每个属性有一个值,值要用引号扩起来(单引号和双引号都可以),属性和属性之间用空格隔开,属性和属性之间是没有顺序的。
11、 设置页面解析时候的字符编码
我们常用的字符编码就两种
简体中文
Gb2312
Gbk
标准编码
Utf-8
12、 简述W3C(万维网协会)的(XHTML 1.0)规范
1、 一个网页只能有一个根
2、 不允许空标记的存在
3、 区分大小写
13、 滚动文字的设置

<marquee direction="up" height="300px" scrollamount="10" behavior="alternate" onmouseover="stop()" onmouseout="start()">你好吗</marquee>

14、 路径
a) 绝对路径:从指定的盘符开始,只要移动位置,就找不到了
b) 相对路径:从自身文件开始,相对于自己的位置
i. ../ 上一级目录
ii. ./ 当前目录
c) 在项目中,绝对路径和相对路径都要用,大约各占50%
15、 链接
a) 不管是什么样的连接,都是标记
b) 内部链接:网站内部页面之间的跳转
c) 外部连接:连接到其他网站上,地址要写全了 http://www.XXX,com
d) 空连接:有连接的样子,但是不跳转
e) 下载连接:只要连接到浏览器无法打开的文件就会出现下载连接
f) 锚连接:连接到页面指定的地方

锚的定义:
<a id=’编号’></a>
连接到锚点
<a href=’#编号’>关键字</a>

16、 六种标题级别

a)  <h1>一级标题</h1>
b)  <h2>二级标题</h2>
c)  <h3>三级标题</h3>
d)  <h4>四级标题</h4>
e)  <h5>五级标题</h5>
f)  <h6>六级标题</h6>

17、 列表
a) 有序列表

<ol type=’i’ start=’3’>
    <li></li>
</ol>

从第3个罗马数字开始
b) 无序列表

<ul type=’’>
    <li></li>
</ul>

c) 自定义列表

<dl>
    <dt></dt>
    <dd></dd>
</dl>

18、 标签
这是页面的声明,告诉浏览器当前页面遵循的是那种规则,不属于HTML的一部分。
项目中就要两种,一种是xhtml1.0的过渡性,还有一种是html5

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值