1.什么是HTML
超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。正如标题所示，本文将对 HTML 及其功能做一个基本介绍。
2.实例解析
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页结构</title>
</head>
<body>
<h1>标题标签</h1>
<p>段落标签</p>
</body>
</html><!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
3.HTML的书写规范
1:html中不区分大小写，一般情况用小写
2:注释符号，不能潜嵌套，养成注释的习惯
3:浏览器有自动纠错的功能，但必须要尽可能的避免会影响网站的性能，而且它纠错的不一定是你要的
4:标签必须规范，标签不可以交叉嵌套
4.HTML中常用的标签
1.<p>段落标签</p> ：用来定义网页中的一段文本，段落与段落之间换行。
属性：align ；定义段落中的文本水平方向的对齐方式。
属性值：left（左对齐）、right（右对齐）、center（居中对齐）
2.<br/> ：换行标签，指行与行之间换行，他是一个单标签。
<br/>：是单标签，小行换行提行；
<p></p> ：是双标签，大行换行分段3.<h1></h1>---<h6></h6>：
<h1></h1>：代表一级标题，级别高，字体 也最大，其他依次递减。
<h6></h6>：级别最小，字体最小
属性：align ；定义标题中的文本水平方向的对齐方式。
属性值：left（左对齐）、right（右对齐）、center（居中对齐）
<h1>你好，世界</h1>
<h6>你好，世界</h6>输出结果为
4.无序列表
属性：type ；定义列表项的符号。
属性值：circle（空心圆）、disc（实心圆）、square（实心方块）
<ul type="circle">
<li>列表项</li>
<li>列表项</li>
</ul>5.有序列表
属性：type ；定义列表项的符号。 start：用来设置列表编号的起始数值。
属性值：a、A、i、I
<ol type="a">
<li>列表项</li>
<li>列表项</li>
</ol>6.定义列表
用dl创建 dt dd
<dl>
<dt>列表标题</dt>
<dd>列表项</dd>
<dd>列表项</dd>
</dl>7.文字部分特殊样式
<small>缩小</small>
<strong>加强强调</strong>
<em>强调倾斜</em>8.图片标签
属性：
src：指定图片源文件；
alt ：图片未加载成功的提示文字；
width：指定图片的宽度；
height：指定图片的高度；
<img src="./image/坦克.jpg" width="100px" >展示如下：
9.超链接
href：连接地址；空连接可以用"#"代替；
<a href="javascript:;"></a>
<a href="#"></a>10.div
——主要用来布局
——会独占一行
默认情况，块元素的宽度是父元素的百分百
高度是被内容撑开的
如果设置了宽高，就听宽高
<div></div>11.<span> 标签被用来组合文档中的行内元素。
<span>我是span标签</span>等等
扫一扫
2864
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
