本文介绍了网站访问的基本流程，包括Web浏览器、Web服务器和URL的角色。深入讲解了HTML的基本语法，如标签的使用、分类及书写规范，特别强调了标题、段落、图片、超链接、列表和内联框架等常用标签的使用。此外，还讨论了超链接的`target`属性与内联框架在页面布局中的应用。
web（一）
网站访问过程
1.web浏览器：显示网页内容，并让用户与这些文件交互的一种软件
2.web服务器：
- 物理设备：提供Web服务的计算机
- 软件：根据用户请求将信息资源传递给用户的应用程序
3.URL：统一资源定位符
- 例如：
- 组成部分：协议、服务器地址（域名）、资源路径
理解网页文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<h1>这是一个网页</h1>
</body>
</html>
- 浏览器中看到的网页实质为：网页文件
- 网页文件
1.文本文件
2.扩展名为.html或.htm
3.文件内容为HTML代码和文本内容
掌握HTML语法基础
基础了解
- HTML：超文本标记语言
- HTML不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签，HTML使用标记标签来描述网页
- html标签：是由尖括号包围的关键词，如
学习HTML标签三要素
- 词汇（标签
- 语法（标签的使用规定
- 语义（浏览器理解的标签的含义
标签的分类
双标签：由开始标签和结束标签两部分构成，必须成对使用。作用：代表标签作用范围
单标签：在开始标签中进行关闭,<meta/ >。作用：无需表达范围，仅在标签出现处有效
标签的书写规范
标签和标签之间是可以嵌套的，但先后书写必须保持一致
标签属性
HTML标签可以拥有属性—辅助标签提供更多信息
- 属性书写形式：name=“value”
- 属性书写位置：开始标签
- 不同标签有不同属性
掌握HTML中常用标签
标题标签和段落标签
- 网页元素：是指构成网页的各项内容
<h1>11111</h1>
<h2>22222</h2>
..
<h6>66666</h6>
<p>段落</p>
图片标签、相对路径和绝对路径
属性：
- src:指明存储图像的位置（图片的路径）
- alt:为图片添加替换文本
<img src="imags/logo.gif" alt="我是logo"/>
1.绝对路径：从盘符开始的完整路径
- 优点：真实路径，定位清晰
- 缺点：本机路径较长，容易出错，若文件夹被移动，需修改路径
2.相对路径：相对当前文件或目录的路径
超链接标签
- 超链接：从一个网页指向另一个目标的链接关系
<a href ="">..</a>- 属性：
- href:必选属性，规定链接目标，链接目标URL
- target：在何处打开目标
_blank:在新窗口打开
_self:在当前窗口打开（默认）
<body>
<a href="demo.html">这是一个超链接</a>
<a href="http://www.baidu.com/" target="_blank">
<img src="image/baidu.jpg" alt="baidu logo"/>
</a>
</body>
列表标签
- 列表:HTML支持无序列表（没有前后顺序）、有序列表（有前后顺序）
无序列表
- 使用
<ul>标签，每个列表使用<li>标签 - 每个列表默认使用粗体圆点进行标记
- 列表项内部可以使用段落、换行符、图片、链接、以及其他列表
有序列表
- 有序列表使用
<ol>标签，每个列表项使用<li>标签 - 每个列表项默认使用数字进行标记
- 列表项内部可以使用段落、换行符、图片、链接、以及其他列表
内联框架
- 内联框架：用于在网页内显示另一个网页文件
- 内联框架：
<iframe></iframe>
<body>
<a href="http://www.baidu.come/"target="mylframe">
百度
</a>
<iframe src="bg.png" name="mylframe" frameBorder="1"></iframe>
</body>
- 超链接的target属性值为iframe的name属性值
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
