一、网络传输地三大要素
1.URL:统一资源定位符
2.HTTP协议
3.HTML:超文本标记语言
二、HTML
HTML全称:Hyper Text Markup Language——超文本标记语言
解析:
1.超文本
1.1 文本:普通的txt文件,无法保存图片、视频、表格等。
1.2 超文本:功能比较多的文件,可以保存图片、视频、表格等。
2.标记
标签(标记)如:
<a>标签</a>
标签又分为单闭合标签和双闭合标签,如:
<!-- 单闭合标签 -->
<input type="text">
<!-- 双闭合标签 -->
<p></p>
3.不同浏览器存在不同的内核
常见的浏览器有:
微软IE
Google chrome
火狐
苹果
Opera
4.不同的标签
meta标签
<meta charset="UTF-8" />
<!-- 编码格式 -->
<meta name="keywords" content="学习HTML" />
<!-- 搜索关键字 -->
<meta name="description" content="学习分享" />
<!-- 内容描述 -->
<meta http-equiv="refresh" content="3,http://www.baidu.com"/>
title标签
<title>初学html</title>
标题标签(h6之后均为自定义标签)
<h1>一级标题标签</h1>
<h2>二级标题标签</h2>
<h3>三级标题标签</h3>
<h4>四级标题标签</h4>
<h5>五级标题标签</h5>
<h6>六级标题标签</h6>
p标签
<!-- 段落标签 -->
<p>学习html</p>
br标签
<!-- 换行标签 -->
<br/>
hr标签
<!-- 换行,增加一条水平分割线 -->
<hr/>
strong标签
<!-- 字体加粗 -->
<strong>学习html</strong>
em标签
<!-- 字体倾斜 -->
<em>学习html</em>
5.注释和特殊符号
特殊符号 | 字符实体 | 例子 |
---|---|---|
空格 | | <p>学习 html</p> |
大于号 | > | 学习>html |
小于号 | < | 学习<html |
引号 | " | 学习"html" |
版权符号 | © | ©学习html |
6.插入图片
<!--
src指要添加的图片路径; alt是指当图片找不到时所替换成的文本; title指鼠标悬停时显示的文字
width指图片的宽度; height指图片的高度
-->
<img src="1.jpg" alt="text" title="text" width="x" height="y" />
7.a标签
<!-- href指鼠标点击后所跳转的页面;_blank新增页面;_self自身页面 -->
<a href="https://www.baidu.com" target="_blank">百度页面</a>
<a href="https://www.baidu.com" target="_self">百度页面</a>
<!-- a标签跳转邮箱 -->
<a href="mailto:邮箱地址">跳转邮箱</a>
8.锚链接
<!-- 从A页面甲位置跳转到乙位置 -->
<!-- 从A页面甲位置跳转到B页面乙位置 -->
<a href="1.html#register">html</a>
<!-- 1.html页面 -->
<a name="register">学html</a>