web前端开发基础(一)

目录

一、HTML语言

1.HTML的基本结构

2.DOCTYPE声明

3.HTML5的基本骨架

html标签

head标签

body标签

title标签

meta标签

二、标题标签

三、段落,换行,水平线标签

1.段落标记

2.换行标记

3.水平线标记

4.预格式化标记

一、HTML语言

1.HTML的基本结构

HTML5 是用来描述网页的一种语言,被称为超文本标记语言。用 HTML5 编写的文件,后缀以 .html 结尾。
HTML是一种标记语言,标记语言是一套标记标签。标签是由尖括号包围的关键字 ,例如: <html>。
标签有两种表现形式:

双标签,例如: <html></html>

单标签,例如: <img>

2.DOCTYPE声明

DOCTYPE是 document type (文档类型) 的缩写。 <!DOCTYPE html > 是H5的声明位于文档的最前面,处于标签之前。

不是标签

他是网页必备的组成部分,避免浏览器的怪异模式。

3.HTML5的基本骨架

HTML5的基本骨架

html标签

head标签

body标签

title标签

meta标签

html标签

定义HTML。

文档供浏览器解读。

标签限定了文档的开头和结尾,其他元素包裹在其里面。

head标签

用于定义文档的头部

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

一个网页文档,只有一个<head>标记

body标签

用于定义文档的主体

body 元素包含文档的所有内容,比如文本、超链接、图像、表格和列表等等。

它会直接在页面中显示出来,也就是用户可以直观看到的内容。

title标签

用于定义文档的标题

它显示在浏览器窗口的标题栏或状态栏上。

<title> 标签是 <head> 标签中唯一必须要求包含的东西,就是说写head一定要写title。

meta标签

负责对网页的重要内容进行定义说明,方便搜索引擎的检索。

charset="utf-8" 是说当前使用的是 utf-8 编码格式,在开发中我们经常会看到 utf-8 ,或是 gbk ,这些都是编码格式,通常使用 utf-8 。

二、标题标签

分级标题

标题(Heading)是通过 <h1>—<h6> 标签进行定义的。

<h1> 定义最大的标题 <h6> 定义最小的标题。

p在标签中添加属性: align="left | center | right" 默认居左。

三、段落,换行,水平线标签

1.段落标记<p>

浏览器在显示HTML文档时,会自动忽略空格、Tab键和回车键,如:多个空格被压缩成一个。要保留原文中的段落,需要引入分段标记。

分段标记<p>

常用属性:align       align=“center|left|right

2.换行标记<br>

浏览器在显示HTML文档时,会自动忽略回车键。在需要换行的地方可以插入换行标记。

换行标记<br>

没有属性,也没有结束标记。

3.水平线标记<hr>

水平标尺线标记<hr>

4个常用属性:

color

Align=“center|left|right

Width

size:水平线的高度

noshade无阴影,值可省略

4.预格式化标记<pre>

预格式化标记<pre>可以完全保留在<pre></pre>之间的所有格式,包括所有的空格、Tab键、回车键和字体字号。

通过预格式化标记<pre>显示的文本,当调整浏览器大小时,其显示的文本不会随之调整。

  • 5
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值