我的第二个网页制作:p,hn,br标签的使用

简介: 1 2 3 这是我的第二个html代码 4 5 9 我爱北京天安门 10 我爱北京天安门 11 我爱北京天安门 12 你好 13 你好 ...
 1 <html>
 2    <head>
 3       <title>这是我的第二个html代码</title>
 4       <body>
 5       <!--
 6         <p>Hello World!</p>
 7         <p>Hello World!</p>
 8         -->
 9         我爱北京天安门<br/>
10         我爱北京天安门<br/>
11         我爱北京天安门<br/>
12         <h1>你好</h1>
13         <h2>你好</h2>
14         <h3>你好</h3>
15         <h4>你好</h4>
16         <h5>你好</h5>
17         <h6>你好</h6>
18       </body>
19     </head>
20 </html>    

生成效果如下:

只有在记事本这样写才不会出错,如果换成编译器的话会出现如下结果:

这个问题我调了好久都不知道哪里错了,最后发现只要加一行语句就能避免如上错误!

 1 <meta charset="utf-8"> 

于是我们就生成了完整的源代码:

 

 1 <!doctype html>
 2 <html>
 3    <head>
 4    <meta charset="utf-8">
 5       <title>这是我的第二个html代码</title>
 6       <body>
 7       <!--
 8         <p>Hello World!</p>
 9         <p>Hello World!</p>
10         -->
11         我爱北京天安门<br/>
12         我爱北京天安门<br/>
13         我爱北京天安门<br/>
14         <h1>你好</h1>
15         <h2>你好</h2>
16         <h3>你好</h3>
17         <h4>你好</h4>
18         <h5>你好</h5>
19         <h6>你好</h6>
20       </body>
21     </head>
22 </html>

 

目录
相关文章
|
5月前
uniapp里textarea多行文本输入限制数量
uniapp里textarea多行文本输入限制数量
|
5月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
10月前
|
移动开发 人工智能 前端开发
HTML5 常用 标签 锚 列表 用法
HTML5 常用 标签 锚 列表 用法
|
11月前
|
JavaScript 前端开发 Python
brython | 获取input等标签的内容
brython | 获取input等标签的内容
93 0
|
移动开发 安全 数据可视化
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
178 0
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
零基础HTML入门教程(8)——水平线hr标签
本小结我们讲述了hr水平线,加上他可以出来一个水平线,适当的使用回事文章更加清晰。我们上几小节学习了块级元素,行内元素,我们接下来学习一下水平线,熟练运用水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。我们可以看到加上hr春晓下面会出现一个水平线,这样就会看上去更清晰。标签在 HTML 页面中创建一条水平线。2.在 HTML 中,
零基础HTML入门教程(8)——水平线hr标签
HTML——input标记的典型应用(制作简单信息表单)
HTML——input标记的典型应用(制作简单信息表单)
127 0
HTML——input标记的典型应用(制作简单信息表单)
|
JSON 前端开发 JavaScript
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
|
Web App开发
HTML table标签和其子标签如td,td等不同区域focus然后回车的行为差异
HTML table标签和其子标签如td,td等不同区域focus然后回车的行为差异
123 0
HTML table标签和其子标签如td,td等不同区域focus然后回车的行为差异
JavaWeb学习之路(20)–HTML之换行br与标签的闭合问题
本文目录 1. 前言 2. 换行标签br 3. 标签的闭合问题 4. 小结
485 0