HTML的基础知识

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

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>

效果是这样

  1. 足球
  2. 篮球
    注意事项同无序
    (3)自定义列表
<dl>
<dt>球类</dt>
<dd>足球</dd>
<dd>篮球</dd>
</dl>

效果是这样

球类
足球
篮球
 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服