HTML基础教程：网站美工必备知识

需积分: 3 155 浏览量更新于2024-09-20 收藏 91KB DOC 举报

"这是一份面向网站美工的HTML学习文档，主要涵盖了HTML的基本概念、规范以及一些重要的语法细节，适合初学者入门学习。" 在HTML（超文本标记语言）中，网页的内容是通过一系列的标签来组织和描述的。这份文档首先介绍了HTML的基本概念，它是用于创建网页的标准标记语言，能将文本、图像、音频、视频等多种媒体内容融合在一起，并支持链接到其他文件，使得用户可以在World Wide Web上自由浏览。文档强调了HTML的规范性，例如在文档开头声明文档类型（DOCTYPE），这是告诉浏览器应按照哪个HTML版本解析页面。在示例中，DOCTYPE为HTML5.01，表明遵循的是HTML5.01的过渡性标准： `<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5.01 Transitional//EN">` 接着，文档讲解了HTML头（head）部分的设置，包括设置字符编码（charset）、脚本类型（Content-Script-Type）和样式表类型（Content-Style-Type）。`<title>`标签用来定义网页的标题，这对于SEO（搜索引擎优化）和用户体验至关重要。文档还提到了JavaScript在HTML中的应用，如何在`<head>`标签内嵌入JavaScript代码。使用`<script>`标签包裹JavaScript代码，注释可以通过`<!— ... -->`来实现。在HTML元素书写方面，文档列举了几条关键规则： 1. 元素属性值应使用双引号包围，如`<font color=”#000000” size=”3” face=”Arial”>`. 2. `<form>`标签必须指定`action`属性，即使值为空，如`<form action=”/herald.cgi” method=”post”>`或`<form action=”no”>`. 3. `<img>`标签的`alt`属性是必需的，提供图像无法显示时的替代文本，如`<img src="/q/img/btn_style.gif" border="0" alt="Select">`. 4. `<head>`和`</head>`之间必须包含`<Title>`标签，用于定义网页标题。 5. `<table>`元素内的`<tr>`和`<td>`标签用于构建表格，它们必须在`<table>`开始和结束标签之间。 6. `<button>`按钮必须在`<form>`标签内，否则某些浏览器可能不支持。这些基础规则对于任何进行HTML编写的人来说都是至关重要的，理解并遵循这些规范可以确保网页在不同浏览器上的正确显示和兼容性。对于网站美工来说，了解这些基础知识有助于更好地与前端开发者协作，提升工作效率和页面质量。

HTML 基本教程

04.02.2004 by Seraphine

○简介

HTML：HyperText Marked Language，即超文本标记语言。所谓超文

本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件

跳转到另一个文件。自 1990 年以来就一直被用作 World Wide Web 的信息

表示语言。使用 HERALD 描述的文件，需要通过 WWW 浏览器显示出效果。

○规范

一、 HTML 头：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5.01Transitional//EN">

<head>

charset=GB2312">

content="text/javascript">

<title>Herald</title>

</head>

二、html 中 javascript 的书写：

<head>

…..

<!—

…..

-->

</script>

</head>

下载后可阅读完整内容，剩余9页未读，立即下载

我个乖怪

粉丝: 72
资源: 453

HTML基础教程：网站美工必备知识

【最新文档】网站美工实习报告范文模板-范文word版(3页).pdf

网站美工述职报告.docx

美工字ttf版本下载

团队里团队美工设计师是负责什么的

thymeleaf html

CS和BS美工设计的区别?

给我写一份完整的贪吃蛇开发文档，包括可行性分析、系统设计、系统实现、系统测试

帮我写30篇实习日记我的岗位是美工

最新资源