我的第二个网页制作: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>

 

目录
相关文章
|
3天前
uniapp里textarea多行文本输入限制数量
uniapp里textarea多行文本输入限制数量
|
5月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
textarea文本域控制字数多少(带数字,数字减小)demo效果示例(整理)
textarea文本域控制字数多少(带数字,数字减小)demo效果示例(整理)
|
11月前
|
JavaScript 前端开发 Python
brython | 获取input等标签的内容
brython | 获取input等标签的内容
96 0
|
11月前
|
移动开发 前端开发 JavaScript
【前端每日一问001】HTML中script标签应该写在哪个位置
【前端每日一问001】HTML中script标签应该写在哪个位置
309 0
|
移动开发 安全 数据可视化
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
180 0
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
|
前端开发 数据安全/隐私保护
零基础HTML入门教程(16)——表单输入标签和密码标签
之前我们所讲的一些系列各种HTML标签,都是为了给用户展示一些东西。实际上HTML是可以让用户输入信息的,例如登录时输入用户名密码;购买东西时选择型号、颜色;发布博客时输入标题、内容。HTML通过表单及输入标签,来实现用户输入内容的收集。表单标签,格式为表单内容,中间的表单内容部分就是用来让用户输入内容的。表单有两个重要的属性action和method,如下: 其中action属性表示表单提交后,哪个后台程序负责处理这个请求,这个涉及到我们JavaWeb后端学习的内容,大家到此大概知道这个参数的意思就行。a
零基础HTML入门教程(16)——表单输入标签和密码标签
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然后回车的行为差异