Head First HTML与CSS

本文深入探讨了HTML如何用于构建网页的基本结构,以及CSS如何为这些结构添加样式。解释了<head>元素包含网页信息,<body>元素展示实际内容,并强调浏览器对文本空白的忽略以提升可读性。介绍了<a>元素用于创建链接,以及属性如何提供额外信息。还区分了块元素和内联元素的不同表现,如<h1>至<h6>和<blockquote>与<q>及<a>的区别。最后阐明了块元素与内联元素在网页布局中的角色。

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

HTML用来结构化网页,CSS用来控制HTML的外观。

网页的信息来源于<head>元素

写进<body>元素的内容就是在浏览器中所能看见的东西。

浏览器忽略大多数的空白,为了提高可读性。

通过在<style>元素中输入CSS规则,给HTML网页元素添加CSS,<style>元素通常嵌在<head>元素中。

<a>元素用来创建一个到其他页面的链接。<a>元素中的内容会作为链接的标题,浏览器将在标题下添加下划线,标明可点击它。

属性用来指定元素的附加信息,例如<style type="text/css">,属性通常用统一的方书写:首先是属性名,接下来是等号,然后是用双引号括起来的属性值。

不能自己创建一个html属性。

<q>元素是简短地“引用”现有文字的一部分,而<blockquote>则是一大段文字并独立显示。

<blockquote>元素是块元素,而<q>元素是内联元素,区别是块元素前后都有换行符,而内联元素总是在网页中随着文字流出现在“行内”。

<h1><h2>,......,<h6>和<blockquote>都是块元素,<q><a>和<em>都是内联元素

每个块元素都独立显示,好像前后都有换行,块元素把内容分隔成块。
记住,块元素特立独行,内联元素随波逐流。

无论什么时候用块元素,浏览器都会用换行来分隔这个块。

块元素是网页的主要结构模块,而内联元素用来标记内容的小片段。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值