html初识(一)

一个html的基本结构如下:

<!DOCTYPE html>                         <!--  文档声明 -->
<html lang="en">                        <!--  定义网页语言做统计用  -->
    <head>                              <!--  标签里面负责对网页进行一些设置以及定义标题等  -->
        <meta charset="UTF-8">          <!--  设置字符编码  -->
        <title>网页标题</title>          <!--  网页标题     -->
    </head>
    <body>                              <!--  编写网页上的内容  -->
          网页显示内容
    </body>
</html>

html文档规范:

xhtml制定了文档的编写规范,html5可部分遵守,也可全部遵守,看开发要求。

1、所有的标签必须小写

2、所有的属性必须用双引号括起来

3、所有标签必须闭合

4、img必须要加alt属性(对图片的描述)

 

html注释:

<!-- 这是一段注释  -->

 

html标签特点:

html的标签大部分是成对出现的,少量是单个出现的,特定标签之间可以相互嵌套,嵌套就是指一个标签里面可以包含一个或多个其他的标签,包含的标签和父标签可以是同类型的,也可以是不同类型的:

<!-- 成对出现的标签  -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>

<!-- 单个出现的标签  -->
<br />
<img src="..." />
<input type="..." />

<!-- 标签之间的嵌套  -->
<p>
    <span>...</span>
    <a href="...">...</a>
</p>
<div>
      <h3>...</h3>
      <div>
              <span>...</span>
              <p>...</p>
      </div>
</div>

html标题:

通过 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,标签可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系,比如说: <h1>用作主标题(最重要的),其后是 <h2>(次重要的),再其次是 <h3>,以此类推。搜索引擎会使用标题将网页的结构和内容编制索引,所以网页上使用标题是很重要的。

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>

 

html段落、换行与字符实体

html段落

<p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落</title>
</head>
<body>
    <p>HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超
    文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的
    标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。
    </p>

    <p>一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网
    页可以从一个网页链接跳转到另外一个网页。</p>
</body>
</html>

html换行

代码中成段的文字,直接在代码中回车换行,在渲染成网页时候不认这种换行,如果真想换行,可以在代码的段落中插入<br />来强制换行,代码如下:

<p>
一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用<br />
文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件<br />
渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
</p>

html字符实体

代码中成段的文字,如果文字间想空多个空格,在代码中空多个空格,在渲染成网页时只会显示一个空格,如果想显示多个空格,可以使用空格的字符实体,代码如下:

<!--  在段落前想缩进两个文字的空格,使用空格的字符实体:&nbsp;   -->
<p>
&nbsp;&nbsp;一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用<br />
文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件<br />
渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。</p>

在网页上显示 “<” 和 “>” 会误认为是标签,想在网页上显示“<”和“>”可以使用它们的字符实体,比如:

<!-- “<” 和 “>” 的字符实体为 &lt; 和 &gt;  -->
<p>
    3 &lt; 5 <br>
    10 &gt; 5
</p>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Hello World网页制作是HTML编程的入门级别。以下是制作Hello World网页的步骤: 1. 打开文本编辑器,如记事本或Sublime Text等。 2. 在文本编辑器中输入以下代码: <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <h1>Hello World!</h1> </body> </html> 3. 保存文件,文件名为“helloworld.html”,确保文件类型为“所有文件”。 4. 在浏览器中打开“helloworld.html”文件,即可看到“Hello World!”的标题。 这个简单的网页由HTML标记组成,其中包括文档类型声明、HTML标签、标题标签和正文标签。HTML标记告诉浏览器如何显示网 ### 回答2: HTML是超文本标记语言的英文缩写,是用来制作网页的一门标记语言。在网页制作中,HTML主要用来编写网页的内容和结构,决定网页中各个元素的排列和位置。 制作HTML网页的第一步,是编写一个简单的“hello world”网页。这个网页的基本结构如下所示: <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>Hello World!</h1> </body> </html> 该网页有三个部分组成: 1.头部(head):用于描述文档的基本属性,包括文档类型声明、字符编码、文档title等。文档title会在浏览器的标题栏中显示。 2.主体(body):用于展示文档内容。在body中,可以添加文本、图片、链接、表格等各种元素。 3.文本(text):在该网页中,<h1>标签表示网页的标题,这里的标题是“Hello World!”。 当我们在编辑器中输入以上代码,保存为一个html文件,使用浏览器打开它,就可以看到“Hello World!”这个简单的网页了。 尽管这只是一个简单的网页,但它展示了HTML的基本属性,如何在HTML中描述文档的结构和展示内容,为之后学习其他更加复杂的HTML网页制作奠定了基础。 ### 回答3: HTML 是一种标记语言,是网页制作的基础。在制作网页时,首先需要创建一个 HTML 文件,并在文件中编写 HTML 代码。最简单的 HTML 代码就是 Hello World 网页。下面我来介绍一下如何制作这个网页。 首先,我们需要创建一个 HTML 文件。可以使用文本编辑器(如 Notepad++、Sublime Text 等)来创建 HTML 文件。以 Notepad++ 为例,创建一个新文本文件,将文件后缀名改为 .html,这样我们就创建了一个 HTML 文件。接下来,我们需要在 HTML 文件中编写代码。 HTML 代码由标签和内容组成。标签用来标记 HTML 文档中的不同部分,内容则是标签所包含的文本、图片、链接等等。以 Hello World 网页为例,我们可以编写以下代码: ``` <!DOCTYPE html> <!-- 文档类型声明 --> <html> <!-- html 根标签 --> <head> <!-- head 标签 --> <title>Hello World</title> <!-- title 标签,设置网页标题 --> </head> <body> <!-- body 标签,设置网页的 body 部分 --> <h1>Hello World</h1> <!-- h1 标题标签,设置网页主标题 --> <p>This is my first HTML web page.</p> <!-- p 标签,设置网页主要内容 --> </body> </html> ``` 上述代码中,第一行 ``<!DOCTYPE html>`` 是文档类型声明,告诉浏览器这是一个 HTML5 文档。接下来的 ``<html>`` 标签是 HTML 文档的根标签,所有其他标签都嵌套在它内部。``<head>`` 标签用于设置网页的头部内容,例如网页标题、样式表等等。标签内部的 ``<title>`` 标签用于设置网页标题。``<body>`` 标签用于设置网页的 body 部分,即网页中显示的内容。``<h1>`` 标签用于设置网页主标题,“Hello World” 就是我们的主标题。``<p>`` 标签是段落标签,用于设置网页主要内容。 将上述代码保存为 .html 后,我们就可以用浏览器打开它,看到我们刚刚编写的 Hello World 网页了。这是一个非常简单的网页,但它包含了 HTML 的基础标签和使用方法,对于初学者来说是非常有帮助的。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值