【初识:HTML基础】

期待!!

已于 2022-02-12 13:53:47 修改

阅读量352

点赞数 1

分类专栏： wed前端文章标签： visual studio code

于 2022-02-12 11:45:58 首次发布

本文链接：https://blog.csdn.net/m0_66180299/article/details/122892112

版权

wed前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

学习目标

1.HTML相关概念，HTML发展历史

2相关软件的应用以及站点搭建

3.网站建设流程

4.HTML基本结构和语法

5.HTML常用标记

一、HTML相关概念

HTML及相关概念介绍

HTML 指的是超文本标记语言（Hyper Text Markup Language）www万维网的描述语言。
HTML5指的是HTML的第五次重大的修改（第五个版本）（HTML是W3C与WHATWG 合作的结果）。
W3C（World Wide Wed Consortium）万维网联盟，创建于1994年是wed技术领域最具有权威和影响力的国际中立性技术标准机构。
W3C（制定了结构（xhtml,xml）和表现（css）的标准，非赢利的。）
一类技术的总称：HTML【骨架/结构】+ CSS【美术师/美化】+JS【动作】

二、相关软件的应用以及站点的创建

创建站的的步骤

创建网页所需各个文件夹css,js,images

文件的命名规则

文件命名规则：用英文，不能用中文
网站的首页必须名为index.html。
当然index是可以更换的，但前提是名称全部用小写英文字母，数字，下划线组成，其中不能包括汉字，空格，和特殊字符；必须以英文字母开头。

常用快捷键

ctrl+s 保存
ctrl+shift+s 另存为
ctrl+c 复制
ctrl+v 粘贴
ctrl+x 剪切
ctrl+z 返回上一步
F12在浏览器中预览

三、网站建设的流程

四、HTML的基本结构和语法

HTML的基本结构

HTML基本语法

<常用标记>也叫双标记

<标记属性 = "属性值" 属性 = " 属性值"> </标记>
标记也叫元素也叫标签
例如：<head> </head>

空标记也叫但标记

<标记属性 = " 属性值" />
例如：<meta charset = " utf-8">

说明：

写在<>中的第一个单词叫做标记，标签，元素
标记和属性值用空格隔开，属性和属性值用等号连接，属性值必须在 " " 号里
一个标记可以没有属性也可以有多个属性，属性和属性之间不分前后顺序
空标记没有结束标签，用 “/” 代替

五、HTML常用标签

1.文本标题（h1-h6）

2.段落文本(p)

<p>段落文本内容</p>
标识一个段落(段落与段落之间有段间距)

3. 空格

所占位置没有一个确定的值,这与当前字体字号都有关系.

4.换行(br)

<br />

换行是一个空标记(强制换行)

5.水平线

<hr />空标记

6.加粗有两个标记

<b>加粗内容</b>只是显示加粗

<strong>强调的内容</strong>突出的文本

7.倾斜

8. 扩展1

<u>文本</u>下划线

<s>文本</s>删除线

<del>文本</del>删除线

<sub></sub>下标

<sup></sup>上标

9.列表（ul,ol,dl）

*无序列表
无序列表组成：
<ul>(unordered list)
<li></li>
<li></li>
．．．．．．
</ul>

*有序列表
有序列表组成：
<ol>(ordered list)
<li></li>
<li></li>
．．．．．．
</ol>

*自定义列表
自定义列表组成：
<dl>(definition list)
    <dt></dt>
    <dd></dd>
    <dd></dd>
．．．．．．
</dl>

10.扩展2

1），type:规定列表中的列表项目的项目符号

语法：< ol type = "a"> </ol>

1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。
a 字母顺序的有序列表，小写（a, b, c, d）。
A 字母顺序的有序列表，大写（A,B,C,D)
i 罗马数字，小写（i, ii, iii, iv）。
I 罗马数字，大写（I, ii, iii, iv）。

2) start 属性规定有序列表的开始

语法：<ol start = "6"> </ol>

11.图片

12.超链接

属性:target页面打开方式，属性默认值_self

属性值：_blank 新窗口打开