关于web前端学习

比眉伴天荒 2022-06-18 11:10 253阅读 0赞

HTML的学习：

1.HTML又可以叫做超文本标记(标签/元素)语言

*  要注意html是一种标记语言而不是一种编程语言。
 *  HTML使用标记签来描述网页
 *  HTML文档也可以叫做web页面
 *  HTML文档包含了HTML标签和文本内容

2.HTML语言的基本组成单位

标签：单标签和双标签。注意标签是由尖括号包围起来的关键词，例如<html>

1.单标签的语法：<标签名/>

2.双标签的语法：<标签名>内容</标签>，在双标签中第一个标签被称为开始标签，第二个标签被称为结束标签。开始标签也可以被称为开放标签和闭合标签。

3.标签的属性：<标签名  标签属性="属性值"/>   <标签名  标签属性="属性值">内容</标签>。注意标签的属性可以是多个。

3.HTML的基本机构

1.<!DOCTYPE>声明

<!DOCTYPE> 声明有助于浏览器中正确显示网页。

在HTML5中声明通常写成以下形式

<!DOCTYPE html>(注意是通常都是写成这种形式的)

2.在写之前要注意一点:要注意网页的编码声明(utf-8),该编码可以防止使用中文出现乱码的情况。

3.基本机构 <!DOCTYPE html> ( 在H5中使用该声明)

<html>

<head>(头部:在头部主要写不需要在网页中显示的内容)

<title>内容</title>(网页的名称)

</head>

<body>

//网页的主体，在浏览器中需要显示的内容

</body>

</html>

4.HTML中常用标签(大标签嵌套小标签)

①.双标签：

1.  标题标签：h1 ,h2 ,h3 ,h4 ,h5  ,h6  。使用：<h1>标题</h2> ,<h2>标题</h2>......注意：一般在网页中h1标签只出现一次，其他的标题标签可以出现随意次数。
2.  段落标签：p标签。使用：<p>内容</p>。注意：在使用p标签的时候多个段落需要使用多个p标签。例如：<p>这是一个段落</p> <p>这是一个段落2</p>
3.  字体加粗标签：strong标签 ,b标签。使用：<strong>内容</strong>，<b>内容</b>。
4.  字体倾斜标签：em标签 ，i标签。使用：<em>内容</em> ,<i>内容</i>。
5.  span标签
6.  区块标签：div标签 。使用：<div>    </div>.。注意：在div标签中可以嵌套任意一个标签
7.  列表标签：有序列表标签 ：ol标签，无序列表标签：ul标签，定义列表标签：dl标签。(具体内容可以见下文)
8.  超链接标签：a标签。使用：<a href="链接的地址(路径)" target="\_blank/\_self">文本或者图片</a>(具体内容可以见下文)

列表标签具体介绍：

有序列表：(默认显示的是1234.....，可以修改type属性来改变显示样式)

<ol type="a"  start="3" reverse>(type="a"表示将顺序改为abc....。start="3"表示从第三个开始。reverse表示倒序)

.....

</ol>

无序列表：(默认的是实体点，可以通过修改type属性来改变)

...

</ul>

定义列表：

<dl>

</dl>

超链接标签介绍：