HTML基础知识
一、web基本概念
web: 网页、公众号、动画
h5: html5
URL: 地址、网络资源的ID
服务器:一个性能比较高(内存大运行速度快)的电脑,安装了提供服务的软件(apache、tomcat、IIS、Nginx)
云服务:阿里云、腾讯云、百度云、华为云(有专门的团队提供维护工作)
浏览器:能帮我们打开网页,Google Chrome、IE、火狐、欧朋、Safari(苹果)
二、标记语言
用各种标签将 相关信息或者关键字 包裹起来,方便搜索引擎的抓取
HTML就是一种标记语言。
<h1>我是标题</h1>
<p>我是段落</p>
HTML的基本结构
<!DOCTYPE html> <!--文档类型-->
<html> <!--根标签-->
<head> <!--头标签,设置字符集,标题-->
<meta charset="utf-8"><!--设置字符集-->
<title>我是标题</title><!--设置标题-->
</head>
<body><!--需要显示在页面的内容-->
带你出师,闯荡江湖
</body>
</html>
Chrome无法运行的问题
(1) 找到chrome的快捷方式,右键属性-》目标
(2) 配置HBuilder
(3)保存
HTML标签
标题标签:标题标签SEO是页面SEO技术的主要之一
<h1>您的帖子标题</ h1>
<h2>主标题</ h2>
<h3>子标题</ h2>
链接标签:<a>是超链接的标签
<A href="链接得目标地址" name="锚名称" title="超链接标题" target="连接打开得方式"></A>
图片标签:图片标签由 img 定义。其中,img 是英文 image(图片) 的缩写。
<img src="图片路径(地址)" />
列表标签:
(1)无序列表
该种列表在实际中使用的较多,效果是这样
• 足球
• 篮球
无序列表的标签为
<ul>
<li>足球</li>
<li>篮球</li>
</ul>
注意:<ul></ul>标签里面只能放<li></li>标签,而<li><\li>能放任何内容
(2)有序列表
<ol>
<li>足球</li>
<li>篮球</li>
<ol>
效果是这样
- 足球
- 篮球
注意事项同无序
(3)自定义列表
<dl>
<dt>球类</dt>
<dd>足球</dd>
<dd>篮球</dd>
</dl>
效果是这样
- 球类
- 足球
- 篮球