Html学习-CSDN博客

本文链接：https://blog.csdn.net/weixin_61329725/article/details/128453948

1.HTML介绍

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

1.2 HTML定义

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

1.3 HTML标签说明

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

index.html一般默认作为网页的默认首页，

1.4 资源路径的说明

在网页当中资源路径分为两种

1，相对路径

以当前网页作为起始位置的参照物，去对应目录下找到相关资源

2，绝对路径

2.HTML内容学习

2.1 基础标签

2.1.1标题标签

标题标签会放大与变粗，类似于worde文档的标题，标签等级有六个，h1~h6.

<h1>lz</h1><h2>lz</h2><h3>lz</h3><h4>lz</h4><h5>lz</h5><h6>lz</h6>

2.1.2段落标签

类似于作文的段落HTML 段落是通过

标签进行定义的。

2.1.3超链接标签

通过点击连接地址跳转到其他网页,并且可以定义其他网页的打开形式

定义全局链接跳转的打开方式如果a标签中不在定义打开方式，则默认使用base定义的跳转方式

href="http://www.baidu.com"

>跳转到百度

2.1.4 target设置打开超链接的形式一共有4种其中常用的有2种

self直接在当前标签页跳转默认使用

bank离开一个标签页跳转

title代表链接标题的显示，跟着鼠标

2.1.5图片标签

HTML 图像是通过标签进行定义的。

图片标签，在网页在插入图片

src 代表图片的地址可以是网络资源地址，也可以是本地资源地址如果使用本地资源建议使用绝对路径

width 表示图片宽度

height 表示图片高度

3.1格式化标签

定义元素输出的格式，主要用于文字的文字样式，以下标签可以嵌套使用

3.1.1 文字加粗

3.1.2文字斜体

i表示斜体

3.1.3文字加大

big表示加大

3.1.4字体变小

small表示变小

4.1.1序列标签

包括有序ol 无序ul

每个列表项始于

4.1.2定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以

标签开始。每个自定义列表项以开始。每个自定义列表项的定义以

开始。

Coffee

Black hot drink

Milk

White cold drink

4.1表单标签

表单用于搜集不同类型的用户输入数据

常用的表单元素：input(文本框)、复选框、单选按钮、提交按钮、文本域

、文件域、下拉选择框

文本输入:

密码输入:

隐藏域-该input元素不会显示出来

时间类型输入框

定义单选按钮：选择性别

男

女

人妖

定义多选（复选）按钮:选择兴趣爱好

打ball

踢ball

打p

吹箫

提交按钮

下拉选选择框—选择所在省

selected:->表示当前选项被选中

multiole:->设置下拉框可多选

value:->设定选项值，值一般会被传到后台

请选择湖南省广东省江西省

文本域-一般写大量文字需要

吧啦啦啦小魔仙

4.2

from里的标签 action数据提交的目标地址，method数据提交的方式

value表单的默认值, maxlength允许输入最大的字符数量，当数据提交到后台时name必须要有

readonly表示当前文本框只能看不能改，数据会提交的后台

disabled底色变灰只能看不能改，数据不会提交的后台

下拉框属性说明,selected表示默认选项，multiple可以选择多项,value设定选项值值会被传到后台

请选择省份河南省湖南省

单选或复选框属性，checked表示当前属性被默认选中

打球

看电视

5.CSS样式学习

5.1介绍

5.2样式的写法

CSS样式主要有3种写法

1.写在标签到style属性当中

style="color:red;"

2.可以写在当前网页的head标签当中用style标签进行声明

3.写在单独的CSS文件当中通过style标签引入CSS文件

5.3选择器

1.标签选择器

2.类选择器,可以重复

3.ID选择器

4.style属性