HTML介绍
网页和网站的区别?
多个网页构成一个网站,网页是构成网站的基本元素,通常由图片(img src)、链接、文字、视频、音频、多媒体等等
如何使用文本打开图片
1、新建txt文本
2、文本编辑
<img src="photo.jpg">
<>标签符号
img 标签名字,图片标签
srs 图片的属性
“ ”里面放图片的路径
3、文本后缀名改成html
常用浏览器
网页通过浏览器来展示,常用浏览器有IE、火狐(Firefox)、谷歌(Chrome)···
浏览器内核:负责读取网页内容,整理讯息、计算网页的显示方式并显示页面
浏览器 | 内核 | 备注 |
---|---|---|
IE | Trident | IT、猎豹安全、360极速浏览器、百度浏览器 |
Firefox | Gecko | 火狐浏览器内核 |
Safari | Webkit | 苹果浏览器内核 |
Chrome | Blink | Chrom/opera浏览器内核、Blink其实是WebKit的分支 |
W3W
W3W(万维网联盟)是国际最著名的标准化组织,我们的web标准也是由标准化组织制定的一系列标准的集合。
由于我们的网页通过浏览器来展示,那么使用不同的浏览器,则会让我们的代码格式的显示有某些问题,为了避免这种问题,则指定了web标准
web标准构成:结构(HTML)+表现(CSS)+行为(JavaScript)
HTML:超文本标记语言,用来描述网页的一种语言,不是编程语言。
CSS:表现
JS:行为
HTML基本结构
1、语法规范
-
所有的标签都要放在< >中,例如
-
大多数标签都是成对出现的,即双标签,例如,当然,有双标签也会有单标签
-
标签的关系:包含、并列
<!--包含关系--> <html> <head></head> </html> <!--并列关系--> <html> <head></head> <title></title> </html>
标签结构
<!DOCTYPE html> <!--根标签,页面中最大的标签-->
<html lang="en">
<head> <!--头部,必须要设置它当中的title标签-->
<!--字符编码-->
<meta charset="UTF-8">
<title>Title</title> <!--标题,自己网页的标题-->
</head>
<body> <!--文档主体,页面内容基本都放这里-->
<img src="图片相对路径" alt=""> <!--图片标签,单标签-->
</body>
</html>
常用标签
标题标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1>我是一级标题标签</h1>
<h2>我是二级标题标签</h2>
<h3>我是三级标题标签</h3>
<h4>我是四级标题标签</h4>
<h5>我是五级标题标签</h5>
<h6>我是六级标题标签</h6>
</body>
</html>
段落标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<p>北京时间2021年9月20日,长征七号遥四运载火箭搭载天舟三号货运飞船,在海南文昌航天发射场成功发射。
天舟三号装载了航天员生活物资、舱外航天服及出舱消耗品、空间站平台物资、部分载荷和推进剂等,<br>
与天和核心舱及天舟二号组合体完成交会对接后,转入三舱(船)组合体飞行状态.
</p>
<p>天舟三号是中国空间站关键技术验证及建造阶段的第五次飞行任务。按照任务规划,
天舟三号货运飞船装载了航天员生活物资、舱外航天服及出舱消耗品、空间站平台物资、部分载荷和推进剂等,
与空间站组合体完成交会对接后,转入组合体飞行段,为空间站在轨建造后续飞行任务奠定基础。<br>
北京时间2021年10月16日,神舟十三号载人飞船发射取得圆满成功。天和核心舱和天舟二号、天舟三号组合体已进入对接轨道,
状态良好,满足与神舟十三号交会对接的任务要求和航天员进驻条件。</p>
</body>
</html>
标签:基本,网页,天舟,标签,标题,HTML,浏览器 来源: https://www.cnblogs.com/Pork-belly8/p/16169385.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。