从html前端笔记-CSDN博客

本文链接：https://blog.csdn.net/weixin_52309490/article/details/119906635

web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。

Web前端的分类：前端设计和前端架构。

HTML结构语言：超文本标记语言。

通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。

特点：通过浏览器来解析、文件名为html或htm。

2. CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。

控制网页的视觉表现及简单交互。通过浏览器来解析，文件名为css。

3. DW编码软件（dreamwaver）

两大主要功能：网页编程和管理网站。推荐版本：CS6/CC。

相关资源：1.HTML参考手册+CSS参考手册 2.DW软件安装 3.多款浏览器

网站的结构

网站是存放在服务器上的一个文件夹（根目录），是网站所有文件的集合。
网站中的各种文件按照文件类型或功用分门别类的整理存放。
文件的命名规则

网站中的所有文件命名全部用英文字母、数字、下划线、连字符的组合，其中不得包含汉字、空格和特殊字符。
尽量采用语义明确简单地英文单词命名。
常见命名

文件/文件夹   常见命名
静态首页文件   index/default
图片文件夹   img/images
样式表文件夹   css/styles
脚本文件夹   js/scripts
字体文件夹   fonts
模板文件夹   templets
媒体文件夹   medias
DW：建站/管理网站

1.文件面板

2.新建（关联）站点

新建web文件

html静态网页文件（类型为HTML5）
CSS样式表文件
编码视图

使用代码视图敲代码
使用真实浏览器查看页面效果
通过代码的缩进/凸出排版
通过标签选择区查看层级关系
html语言的注释方法

HTML文档基础结构

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   
   <title>无标题文档</title>
</head>

<body>
</body>
</html>