网页设计 | 第2章 HTML基本标记（一）
小编上学期终于熬过了python，
没想到这个学期迎来了网页设计与制作，
太为难我小编了吧
（一个文科生没想到大学来学代码）
不过，
小编觉得网页设计与制作
比python可爱一些，
效果可见，还好玩~~
废话不多说，
来看看网页设计与制作的知识点吧。
HTML文件的编写方法
青铜
使用记事本手工编写HTML（简单粗暴）
王者
使用Dreamweaver编写HTML文件（真的太好用了，主要是能偷懒，嘻嘻嘻）
注意：当您保存 HTML 文件时，
必须使用 .htm 或者.html 扩展名。
HTML文件的基本结构
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
点击空白处查看效果图
头部标记head
可用在head部分的要素
<head> 定义关于文档的信息。
<title>定义文档标题。（唯一必须具备的要素）
<meta>定义关于HTML文档的元数据。
<link>定义文档与外部资源之间的关系。
<script>定义客户端脚本。
<style>定义文档的样式信息。
<html>
<head>
<base
<base target="_blank" />（为超链接打开一个空白窗口）
</head>
W3School（超链接，会在空白窗口打开）
</a>
</body>
</html>
点击空白处查看答效果
元信息标记meta
|
|
|
|
|
页面说明 关键词 <html> <head> <meta name="keywords" content="插入关键字"> （用户搜索引擎搜索的字） <meta name="description" content="设置页面说明"> （页面描述） <title>插入关键字</title> </head> <body> </body> </html> |
|
编辑工具 作者信息 网页语言 <html> http-equiv="Content-Type" |
|
|
|
定时跳转 <html> <head> <meta http-equiv="refresh"（页面刷新） content="20（刷新时间）; URL=page.10.html"（替换网址，注意替换网址必须与被替换网址在同一个文件夹内）"> <title>网页的定时跳转</title> </head> <body> 20秒后自动跳转 </body> </html> |
外部连接link
<html>
<head>
<link
rel="stylesheet"（样式表）
type="text/css"（类型）
href="theme.css"（链接外部文件） />
</head>
</head>
<title>link</title>
</head>
<body >
<h1>我通过外部样式表进行格式化。</h1>（一级标题）
<p>我也一样</p>（段落）
</body></html>
点击空白处查看答效果
以上就是HTML基本标记
第一部分的基本内容啦~~
预知更多网页设计与制作的知识，
请锁定知豆——网页设计与制作系列
| | | | |
文案 | 薯仔
编辑 | 薯仔
图片来源于网络
扫描二维码
知豆，一颗努力成长的豆
我知道你 在看 哦