web前端基础知识:html+css

web前端基础知识:html+css

HTML即超文本标记语言 (Hyper Text Markup Language), 用来描述网页的语言。超文本标记语言的结构包括”头”;部分(外语:Head)、和”主体”;部分(外语:Body),其中”头”;部门提供关于网页的信息,”主体”;部分提供网页的具体内容。标签语言是一套标签 ( ** rkup tag)HTML 使用标签来描述网页

如下代码:

例子解释:

<html> 与 </html> 之间的文本描述网页<body> 与</body> 文本之间的文本是可见的页面内容<h1> 与 </h1> 文本之间的文本显示为标题<p> 与 </p> 文本之间的文本显示为段落

2

HTML 元素

HTML 文档是由 HTML 元素定义。

HTML 元素是指从标签开始(start tag)到结束标签(end tag)的所有代码。

注:开标通常称为开标(opening tag),结束标签通常被称为闭合标签(closing tag),大多数 HTML 元素可以有属性。

空的 HTML 元素:

没有内容的 HTML 元素被称为空元素。在 XHTML、XML 以及未来版本 HTML 所有元素都必须关闭。

在开始标签中添加斜杠,如:<br>空元素没有关闭标签, 而<br />关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br>它在所有浏览器中都是有效的,但使用它 <br /> 其实是更长远的保障。

HTML 提示:使用小写标签

HTML 标签对大小写不敏感:<P> 等同于<p>。许多网站都使用大写的 HTML 标签。

W3School 使用小写标签,因为万维网联盟(W3C)在 HTML 4 建议以后用小写, (X)HTML 小写在版本中被迫使用。

3

HTML 属性

HTML 标签可以有属性。属性提供相关性 HTML 更多关于元素的信息。

属性总是以名称/值对的形式出现,如:name=”value”。

属性总是在 HTML 在元素的开始标签中规定。

属性实例:

HTML 链接由 <a>标签定义。链接地址在 href 属性指定:

注:属性值应始终包含在引号中。双引号是最常用的,但使用单引号没有问题。在某些情况下,例如,属性值本身包含双引号,因此您必须使用单引号,例如:name=’Bill “HelloWorld” Gates’。

我自己个从事开发多年的人web前端老程序员,现在辞职做自己web今年年初,我花了一个月的时间整理了一门最适合2019年学习的私人定制课程web前端学习干货,整理各种框架,送给每一个前端合作伙伴。如果你想得到它,你可以关注我的标题号码,并在后台给我发私人信息:前端,你可以免费得到它。

HTML 提示:使用小写属性

属性和属性值对大小写不敏感。

然而,万维网联盟在其中 HTML 4 小写的属性/属性值在推荐标准中推荐。

而新版本的 (X)HTML 要求使用小写属性。

一些常见HTML属性:

HTML 编辑器

使用 Notepad 或 TextEdit 来编写 HTML

可使用专业 HTML 编辑器编辑 HTML:

Adobe Dreamweaver

Microsoft Expression Web

CoffeeCup HTML Editor

5

HTML 标题

标题(Heading)是通过 <h1> – <h6> 定义等标签。<h1>This is a heading</h1><h1>定义最大标题。<h6>This is a heading</h6><h6> 定义最小标题。

注:浏览器将自动在标题前后添加空行。

注:默认情况下,HTML 块级元素前后会自动添加额外的空行,如段落、标题元素前后。

练习题

1.以下关于标题的说法哪个是错误的?

A默认情况下,HTML 在块级元素前后自动添加额外的空行

B使用标题只是为了产生粗体或大文本

C搜索引擎使用标题为您的网页的结构和内容编制索引

2.下面哪个标题权重最高,最重要?

A<h1>This is a heading</h1>

B<h2>This is a heading</h2>

C<h3>This is a heading</h3>

3.默认情况下,HTML 块级元素前后会自动添加额外的空行,对吗?

A对

B错

4.以下哪些段落是正确的?

A<p>This is a paragraph

B使用空的段落标记 <p></p> 插入空行

C<p>This is a paragraph </p>

原创文章,作者:修行,如若转载,请注明作者昵称:修行及出处:https://wp.fjsqywlkj.top/computer/html-programming/3308.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年8月5日 17:53
下一篇 2022年8月7日 07:00

相关推荐

发表回复

登录后才能评论
在线客服 QQ交流群
返回顶部