学习HTML成长记 2

HTML5保留的常用标签

基础标签

1.段落标签

用于形成一个新的段落


<html>
<head>
<meta charset="utf-8">
<title>段落标签的简单使用title>
head>
<body>

<p>
这是一个段落
p>
<p>
这又是一个段落
p>
body>
html>

2.标题标签

~

HTML5
使用来标记文本中的标题,其中n需要替换成数字。从1~6共有6级。数字越小,标签所标记的字体越大。

标签标题的默认状态为左对齐显示的黑体字。
原来h是heading(标题)的首字母啊
我再写一段代码哈,自己复制去看一下效果


<html>
<head>
<meta charset="utf-8">
<title>标题标签的简单应用title>
head>
<body>

<h1>h1的标签效果h1>
<h2>h2的标签效果h2>
<h3>h3的标签效果h3>
<h4>h4的标签效果h4>
<h5>h5的标签效果h5>
<h6>h6的标签效果h6>
body>
html>

真的绝了,这个效果有点好看哈,嘿嘿,大家可以把hn的标签效果换成其他内容,好看!

3. 水平线标签

水平线标签


用于在网页上画一条水平线,从而在视觉上将文本分段。
标签没有结束标签!!!!

这个昨天说过了哈,加上也挺好的嘿嘿
默认情况下是一条宽度为1像素的黑色水平线
…o.o…
哈?我刚才看到上一篇有人评论了?激动了那我再来给大家敲一个!你们复制一下就行了,自己去记事本看一下效果哈~


<html>
<head>
<meta charset="utf-8">
<title>水平线标签的简单应用title>
head>
<body>

<h3>独坐敬亭山h3>

<hr>

<p>
这里面就是这首诗的内容啦嘿嘿我就不打了,大家理解就行了
p>
body>
html>

4.换行标签

这个标签呢是用于在当前位置产生一个换行,相当于一次回车键所产生的效果。该标签单独使用

(啊嘿,提示


也是)

建议使用该标签代替回车键,因为回车键所产生的多个连续换行会被浏览器自动忽略。

每次只能换一行,如果需要多次换行,必须写多个
标签


<html>
<head>
<meta charset="utf-8">
<title>换行标签的简单应用title>
head>
<body>
<p>

我爱易烊千玺,
<br>
千纸鹤牛牛
<br>
我觉得我可以给大家安利一下
<br>
易烊千玺
<br>
如果同意 可以评论一下哈
p>

<hr>

<p>

嘿嘿
哈哈
嘻嘻
今天要开心啊
p>
body>
html>

学习HTML成长记 2_第1张图片
这个就是那个效果,记得用
!!!表示回车

tips:若需要保留换行,tab,空格等格式,可以将p标签改为pre标签。(换行 - hr标签,空格 - )

下一节会讲

今天就学这么多吧,记住也挺厉害的哈。
学习HTML成长记 2_第2张图片
给大家看看崽崽哈

你可能感兴趣的:(笔记,学习,html,web,html5)