html入门第1讲
本节内容:
1.HTML的概述
2.HTML的基本结构
3.HTMl的平常标签
4.网页上的特殊字符
5.HTML的超链接
6.代码的注释 7.代码格式上的意见
1、html的概述
1、什么是HTML语言?
html全叫作超文本标记语言(hyper Text Markup Language)
2、HTML语言有什么特点?
1.能够设置文本的格式,例如标题、字号、文本颜色、段落等等
2.能够创建列表
3.能够插进图像和媒介
4.能够创建表格
5.能够创建超链接(经过鼠标点击能够在页面切换)
3、HTML的发展史
4、平常的网页编辑工具
| 轻量级 | 重量级| 个人举荐 |
| :-------- | --------:| :------: |
| notepad++ | DW | notepoad++ |
|editplus | hbuilder | hbuilder | |suubmit_txt | webstorm | |
2、 HTML的基本结构
<html>
<head>
<title>网页的标题</title>
<meta charset="utf-8"/>
</head>
<body>
写网页的主体
</body>
</html> 重视:写完代码记得将格式保留为.html(举荐)、.htm、.xhtmlHTML的基本结构详解
1.<html>内容</html>
解释:HTML文档的文档标记,亦叫作为HTML起始标记
功能:暗示网页的起始<html>和结束</html>
2.<head>内容</head>
解释:HTML文件头标记,亦叫作为HTML头信息起始标记
功能:用来包括文件的基本信息,例如网页的标题、重要字,在<head></head>内能够放<title></title>、<meta></meta>、<style></style>等等标记
重视:<head></head>其中的内容不会在浏览器其中表示
3.<title>内容</title>
解释:HTML的标题文件
功能:网页的主题,表示在浏览器的窗口的左上边!
4.<body>内容</body>
解释:HTML文档的主体标记
功能:<body>...</body>是网页的主体部分,这里标记之间能够包括如<p></p>、<h1></h1>、<br>、<hr>等等标记,正是由于这些内容组成为了咱们所看见的网页
3、HTML的基本标签
1、格式标签:
1、段落标签: 格式:<p>你要分段的内容</p>
功能:对网页上的文字进行分段
特点:间距比很强
2、换行标签 格式:你要换行的文字后面直接加标签:<br/>
重视:它是一个单标签
3、居中对齐标签 格式:<center>你要居中的内容</center> 让段落或文字能够相针对父标签居中表示
2、文本标签
1、标题标签: 格式:<h1>标题</h1>...<h6>标题</h6>
功能:定义网页中的文字标题
特点: 标题标签独霸一行
2、字体设置标签: 格式:<font>要设置的文字</font> 功能:修改
|