博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【Html基础】之<h1>~<h6> <p> <br> <hr>
阅读量:5059 次
发布时间:2019-06-12

本文共 1367 字,大约阅读时间需要 4 分钟。

学习html无从下手,就在按着教程学习了下。

 什么是html?

html是指超文本标记语言,即Hyper Text Markup Language

html不是一种编程语言,是一种标记语言(markup language)

标记语言是一套标记标签(Markup tag)

html使用标记标签来描述网页

 

我们随便打开一个网页,鼠标点击右键=>查看网页源代码,即可看到html网页的标记语言。

 

html的组成:html由标签和文本组成,通常我们将它称之为html文档,也叫做网页。浏览器读取html文档兵役网页的形式显示他们(注释不会显示)

标签:

html标签是由尖括号包围的关键词,通常成对出现,一个是开始标签(开放标签)一个是结束标签(闭合标签)向<br> 和<hr>标签是单个标签。

 

<h1>~<h6>定义

html标题<h1>到<h6>定义的标题依次减小,此标签还有个可选属性(不赞成使用):align,选择对齐方式(属性值有left左对齐,center中心对齐,right右对齐, justify两端对齐)。比如:

这是标题h1 | 应用属性align="left"

这是标题h2 | 应用属性alig="center"

这是标题h3 | 应用属性align="right"

这是标题h4 | 应用属性align="justify"

这是标题h5
这是标题h6

效果显示如下:

<p>标签定义段落

和上面一样它也有个align属性,也是不赞成使用。

这是段落。align="left"

这是段落。align="center"

这是段落。align="right"

段落元素由 p 标签定义。

上面的效果如下:

 

<br>定义简单的折行

它有clear属性。通常情况下,<br> 标签会告诉浏览器立即停止当前的文本流,并在下一行的左边,或者在左对齐的内联图形或表格的右边开始继续输出文本流。文本流中的其他行会在内联图像的底部显示,除非图形的 <img> 标签被设置为左对齐或右对齐(对于 <table> 标签也一样)。因此,<br> 标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。

具体的实例请看

 

<hr>定义水平线

它有四个可选属性:align(和上面一样,但是没有justify属性值),noshade(属性值为noshade),size,width

后三个分别规定了hr 元素的颜色呈现为纯色,hr 元素的高度(厚度),hr 元素的宽度。举例:

noshade规定hr 元素的颜色呈现为纯色, 属性设置为 noshade="noshade" 如下:


size规定 hr 元素的高度(厚度), 属性设置为 size="20" 如下:


width规定 hr 元素的宽度, 属性设置为 width="800" 如下:


或者 width="50%":


显示如下:

 

html标签有许多通用的属性,包括16种和79种。标准属性中常用到的只有class,id,title这几个(class几乎每个标签都要用到),事件属性用到的就多了,这里就不列举了。大家可以自行插看。

 

转载于:https://www.cnblogs.com/libra-yong/p/6372082.html

你可能感兴趣的文章
jquery实现限制textarea输入字数
查看>>
thinkphp5 csv格式导入导出(多数据处理)
查看>>
页面置换算法-LRU(Least Recently Used)c++实现
查看>>
如何获取Android系统时间是24小时制还是12小时制
查看>>
fur168.com 改成5917电影
查看>>
PHP上传RAR压缩包并解压目录
查看>>
codeforces global round 1题解搬运
查看>>
python os模块
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>
jenkins常用插件汇总
查看>>
c# 泛型+反射
查看>>
第九章 前后查找
查看>>
Python学习资料
查看>>
多服务器操作利器 - Polysh
查看>>
[LeetCode] Candy
查看>>
Jmeter学习系列----3 配置元件之计数器
查看>>
jQuery 自定义函数
查看>>
jq 杂
查看>>
jquery datagrid 后台获取datatable处理成正确的json字符串
查看>>
作业一
查看>>