HTML的基础知识

小橙奶茶

于 2020-08-22 16:32:28 发布

阅读量1k

点赞数 4

文章标签： html5

本文链接：https://blog.csdn.net/jx_NChen/article/details/108169283

版权

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>

效果是这样

球类

足球

篮球

小橙奶茶

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML的基础知识

HTML基础知识一、web基本概念web：网页、公众号、动画h5: html5URL: 地址、网络资源的ID服务器：一个性能比较高（内存大运行速度快）的电脑，安装了提供服务的软件（apache、tomcat、IIS、Nginx）云服务：阿里云、腾讯云、百度云、华为云（有专门的团队提供维护工作）浏览器：能帮我们打开网页，Google Chrome、IE、火狐、欧朋、Safari（苹果）二、标记语言用各种标签将相关信息或者关键字包裹起来，方便搜索引擎的抓取HTML就是一种标记
复制链接

扫一扫