DW与html基础1

最新推荐文章于 2022-01-20 19:39:29 发布

吾爱603

最新推荐文章于 2022-01-20 19:39:29 发布

阅读量750

点赞数 1

分类专栏： HTML 文章标签： html5 css html javascript

本文链接：https://blog.csdn.net/qq_45138868/article/details/104558446

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

管理站点:

一个网站一般都包含首页和若千个子页,它们被分为不同的级别,其中,首页是一级贞面,当访问者访同网站时首先会打开首页;由于很多,一般要根资源文件,如图片等多媒体文件、CSS文件、JS文件,这些资源都需要进行有效的。Dw提供了强大的网站管理功能,通过它可以有效管理本地站点或者远程站点,提升网站的开发速度和效率,在网站后期管理中能够帮助开发者解决各种实际的问题比如:网站上传、网站协同、网站维护等工作。

站点规划:
在开始制作开一般要循以下规则:

用文件夹进行分类储存：首先网站要一个根目录，然后在其中使用多个子文件夹，储存相应不同的类别页面，另外：网站之中还有其他的文件，一般把他们分门地放在不同的文件夹中。
文件夹命名要合理：要有语义,即文件名就能表达页面的内容:不能使用中文,当然可以使用拼音文件名要是用小写。
程站点为相同的结构:这样就可以让本地与远程站点上的文件和文件夹一对应避为版本控制:2019增加了G功能,G就是进行版本控制的,是全世界最大的代码托管仓库。

HTML概述:

Hyper Text Markup
Language):超文本标记语言;HTML是目前网络上应用最泛的语言,是构成网页文档的主要语言;HTML不是一种编程语言,而是一种标记语言(markup language)。|用HTML编写的超文本文档称为HTML文档,其独立于各种操作系统平台。0·HTML文件,通过浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页HTML文档是由HTM标签(tag组成的描述性文本,HTM标签可以标识文字、图形、动画、声音、表格、链接等标签的语义化:即标签的字面意思就代表该标签的意义。

HTML语法:

基本语法
<tag latte=“value” ]>content或< tag [attr=" value”D>·所有标签都包含在”<和>“之间,也就是说””和”>构成了一个标签;·绝大部分标签都有起始标签和结束标签,結束标签是以併始,在起始标签和结束标签之间包含的就是元素的主体或其他网页元素。
标签的属性是这义在起始标签中,其包含属性和属性值两部分,通过等号进行连接,属与标签使用空格分隔,多个属性间使用空格分隔。有少量的属性也可能不包含值,仅仅一个属性名,其本身就代表了一个某种特性。
·一般属性值应该使用双引号,如果不使用,浏览器也可以解析,但这就不符合web标准了,强烈建议使用双引号
·属性是可选的,元素包含多少属性是不确定的,主要根据需要不同的元素包含不同的属性。HTML也为所有元素定义了公共属性,如tteid
class, style等。
单标签,即标签名不是成对出现的,即只有开始没有结東;也有叫做空标签的;同样,单标签也拥有属性
标签可以嵌套,形成网页文档,但必须匹配嵌套,不能交错嵌套。·<!-注释>

HTML文档结构在这里插入代码片

<html>
<head>
<meat charset="utf-8">
<title>标题文档</title>
<body>
</body>
</head>
</html>

HTML文档中所有的信息必须包含在html标签中，其为根标签。
head中定义了文档的元信息（meta）。
显示的内容或传递的信息在body中。


```python
HTML：Hyper Text Markup Language(超文本标记语言)
语法：
双标签：
<标签名></标签名>
单标签：
<标签名/>
元素和属性：
<标签名 属性名 = 属性值>元素</标签名>
<标签名 属性名 =属性值/>

HTML结构：
<!DOCTYPE html>  文件为html文件
<html lang = "en">  语言类型：英语
<head></head>  头
<body></body>  主体
</html>

```python
HTML常用标签：
1.title
2.标题<h1>和段落<p>
3.水平线<hr/>与换行符<br/>
4.常见的转义符
5.链接<a>
6.图片标签<img>
7.表格<table>
8.列表<li>
9.常见的无意义标签<div><span>
10.表单<form>

CSS:Casading Style Sheets
层叠样式表
语法：【属性】：【属性值】；
例：background-color：blue；
三种引入方式：
1.内嵌式：

<div style= "background-color : blue"></div>

2.内部式：

<style type="text/css">
           /*CSS代码*/
</style>

3.外部式：

<link rel= "stylesheet" tyle= "text/css" href= "[css文件地址]">

DOCTYPE文档类型:

DOCTYPE是 document type(文档类型)的简写,即用来声明HTML文档的版本。如果没有这个声明或声明错了,有可能造成某些标签或CSS失效,浏览器解析不正常,因为不同版本的HTML支持的标签和CSS是不同，DOCTYPE声明必须放在每一个HTML文档最顶部。
声明的两种类型:
transitional和 strict
几种文档类型
HTML401、 XHTML10、 XHTML1.1、HTML5等特殊的框架(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。

定义字符编码

要正确显示一个HTML页面,必须声明所使用的字符集(字符编码)早期网绉的字符编码是ASCI码,其使用8位的二进制表示128个不同的字符；
ANSI,是Win95及其之前系统中默认的字符集;其是ASCI的扩展,它加入了国际字符1So-8859-1:在HTML20标准中,默认的字符编码更改为|so8859-1.其也是AsC的扩展它加入了国际字符。
UTF8: Unicode联盟开发了 Unicode标准( Unicode Standard),其覆盖了几乎所有的字符标点符号和符号;Unicode使文本的处理、存储和运输,独立于平台和语言中文所使用的是GB2312BG5
所有的HTML和XML处理器都支持UTF8,HTML5中默认的字符编码是UTF8 hetahttp
声明：<meta http-equiy=Content Type content=text/html;charset=utf-8>