web前端基础

HTML标签

HTML 标签是由尖括号包围的关键词,比如 <html>

HTML 标签通常是成对出现的,标签对中的第一个标签是开始标签,第二个标签是结束标签

http://img.mukewang.com/528960dc0001cb6802710128.jpg

标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。

http://img.mukewang.com/5289611a0001469c05510206.jpg


HTML基本结构

一个HTML文件是有自己固定的结构,如下所示:

<html>

<head>...</head>

    <body>...</body>

</html>

代码讲解:

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在之后会详细介绍。

3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。


在head中设置网页标题和字符集编码

<head>

    <title>这里是标题</title>

    <meta charset="utf-8"/>

</head>


HTML 段落标签

如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。

<p>段落 </p>

<p>标签的默认样式,段前段后都会有空白。


HTML 换行标签

如果希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:

<p>This is<br/>a para<br/>graph with line breaks</p>


HTML标题

标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

语法: <hx>标题文本</hx> (x为1-6)

题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。一个标题标签要独占一整行。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容