<!DOCTYPE html>
<!--采用html5标准的文档定义-->
<html>
<head>
<title>HTML第一天</title>
<!--通知浏览器使用utf-8来解码，meta是单标记，可以不写结束标记，charest的值要与文件保存的值一致-->
<meta http-equiv="Content-Type" content="text/html; charest=utf-8">
<meta name="keywords" value="html,css"><!--title和keywords的内容靠营销团队来设置，与页面显示内容无关，是用来做seo的-->
</head>
<body><!--在网页中显示的内容写在body里面-->
<h1>h元素等级</h1><!--h元素表示标题-->
<p>h元素共分6级，从h1到h6,6个等级就能把一个文章的段落清晰的表达出来</p><!--表示段落-->
<h1>这里要说的是<span style="color:red">div 的用法</span>，行内元素和原有内容混合一块</h1><!--span是行内块，在这里表示设置颜色-->
<div id="logo">图标区域，接下了是块元素<p><span style="color:blue">蓝色块元素</span></p>，会自动插入前后的回车，占有一个方形区域</div><!--div只是用于用来划分区块 ，不显示内容，处理p和p元素的内容-->
<p>可以用 替代一个空格，称之为实体替换 。连续的空 格在页面显示时只有一个空格，此现象为空格的折叠 </p>
<h1 align="center">对齐属性 center表示中间，还有左对齐（left）右对齐（right）</h1>
<h1>第一天内容</h1>
<p>老师：苍老师<br>电话：111000111<br>地址:北京海淀</p><!--br是单标记，表示换行-->
<img src="demox.jpg"><!--显示同目录下的图片，这里是相对路径，绝对路径就需写全地址，一般都做相对路径-->
<p>超链接<a href="https://www.baidu.com/" target="_blank">点这，连百度</a></p><!--用来设置链接，target设置是否在当前页当开，不写默认当前-->
<h1><span style="color:yellow">设置锚点</span></h>
<p>
<a href="#1">第一章</a><br>
<a href="#2">第二章</a><br>
<a href="#3">第三章</a>
</p>
<h1 id="1">第一章</h1>
<p>
<ul><!--无序列表,是父元素-->
<li><!--列表项是子元素-->
电脑<ul>
<li>平板</li>
<li>品牌电脑</li>
<li>组装电脑</li>
</ul>
</li>
<li>
服装<ul>
<li>男士品牌</li>
<li>男士杂牌</li>
<li>女士平拍</li>
<li>女士杂牌</li>
</ul>
</li>
</ul>
</p>
<h1 id="2">第二章</h1>
<p>
<ol><!--有序列表，父元素-->
<li><!-- 列表项，子列表-->
web
<ol>
<li>浏览器客户端</li>
<li>web服务器</li>
<li>http通讯协议</li>
</ol>
</li>
<li>
编写html
<ol>
<li>使用文本工具编写</li>
<li>一定以html结尾保存</li>
<li>保存文件已utf-8保存，文本文件就一定有编码问题</li>
</ol>
</li>
</ol>
</p>
<h1 id="3">第三章</h1>
<p>
表格,s行3列
</p>
<table border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<a href="#">返回</a><!--返回最前面-->
</body>
</html>
扫一扫
08-06
3万+
3万+
02-10
1820
1820
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
