什么是HTNL
HTML 是一种超文本标记语言，用于创建网页的标准标记语言，其定义了网页内容的含义和结构。
HTML编辑器
答主使用的是vs code,从官网上下载按步骤安装即可。安装完成后，打开vs code，在扩展下载需要安装的插件。
下载好插件后
选择文件-首选项-颜色主题可完成主题设置。
选择文件，勾选自动保存可完成自动保存设置。
选择文件-首选项-设置-用户-文本编辑-格式化可完成自动格式化代码设置。
新建文件夹：鼠标点击左侧边栏第二个选项，如图所示。
新建文件：Ctrl+N或者鼠标点击左侧边栏第一个选项，参照上图。（注意后缀名与所需要的文件夹对应，如.html, .css等）
常用快捷键
单行注释：Ctrl + /
多行注释：Shift + Alt+A
行数跳转：Ctrl + G
搜索：Ctrl + F
替换：Ctrl + H
HTML基础
基本结构
<head> 元素包含了所有的头部标签元素。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.其他可见添加链接描述
HTML 标题（Heading）是通过h1 -h6标签来定义的。
<h1>This is heading 1</h1>
HTML 段落是通过标签 p 来定义的。
<p>This is text</p>
如果在不产生一个新段落的情况下进行换行（新行），使用
标签。
body 元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）
<hr> 标签在 HTML 页面中创建水平线
<img> 元素向网页中嵌入一幅图像,<img> 标签有两个必需的属性：src 属性 和 alt 属性。src 指 “source”。源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本。
HTML表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。
<div> 可定义文档中的分区或节。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
HTML 链接是通过标签 a来定义的。
<a href="url">链接文本</a>
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，在标签a 中使用了href属性来描述链接的地址
框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。通常可以用来做网页的布局。
1.frameset标签–表示一个框架集
<frameset>标签定义了如何将窗口拆分成框架。
每个frameset标签定义了一组行和列。
行[rows]/列[cols]的值指明了每个行/列在屏幕上所占的大小。
使用frameset标签时候不需要body元素
2.frame标签
<frame>标签定义了每个框架中放入什么文件。
frame语法:
<frame src="放入到框架中的文件路径"></frame>该URL指向不同的网页。
frame的frameborder 属性用于定义frame表示是否显示边框。
图像
HTML 图像是通过标签 img 来定义的。定义图像的语法是：
<img src="url" alt="some_text">
URL 指存储图像的位置。如果名为 22.jpg" 的图像位于 www.hhh.com 的 images 目录中，那么其 URL 为 http://www.hhh.com/images/22.jpg。
（注意相对路径，绝对路径，网上路径）
图片标签与路径：
常见图片格式 jpg png gif
Gif （只支持全透明）
Jpeg /jpg
Png 半/全透明都支持
图片标签写法 ：
<img src="" alt="" width="" height="" />
图片四要素：
src="" 图片路径
alt="" 图片含义
width="" 图片宽度 和图片大小保持一致
height="" 图片高度 和图片大小保持一致
title=""
路径知识：
相对路径、绝对路径：
相对路径： 相对于该文件的路径；
绝对路径： 从磁盘出发的路径；
<img src="" …… align="" /> align属性–设置图片与后面文字的位置关系
值–top、bottom、middle、absmiddle、left、right
在静态页面中：
/开头表示根目录；
./表示当前目录；（斜画线前面一个点）
…/上级目录；（斜画线前面两个点）
HTML 页面中创建水平线通过hr来定义的。
HTML 换行是通过标签br来定义的。
CSS修饰标签的样式，有 “内联” 和 “外引” 两种方式。内联：
<a href="#" style="color:red;" rel="nofollow">内联</a>
外引就是新建.css文件写入
注意不要忘记结束标签。
扫一扫
4319
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
