HTML 基础知识

哈喽,大家好我是小酷,很高兴你们能看到我的这篇文章。因为我是自学的html,所以写这篇文章也是为了自己能够巩固一下基础,另外呢,也希望能对和我一样学习html的朋友有所帮助!

html简介

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

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

html标签

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

HTML 标签是由尖括号包围的关键词,比如

HTML 标签通常是成对出现的,比如 和

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

文档声明头标签

文档声明头,标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范

声明必须是 HTML 文档的第一行,位于 标签之前

head标签

标签用于定义文档的头部,它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等

下面这些标签可用在 head 部分:, , , , , 以及 。

定义文档的标题,它是 head 部分中唯一必需的元素

meta标签

元素可提供有关页面的元信息(meta-information),"元”配置,就是表示基本的配置项目

常用配置

charset字符集设置

字符数量:UTF-8(字全)> gb2312(只有汉字)

性能:UTF-8(更臃肿、加载更慢) < gb2312 (更小巧,加载更快)

1| 

设置页面描述

1| 

定义关键词

1| 

body标签

body 元素定义文档的主体

body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)

h标签

标题是通过 -<h6> 等标签进行定义的。

定义最大的标题。<h6> 定义最小的标题

1| 这是最大的标题

2| 这是最小的标题

p标签

段落是通过 标签定义的

1| 这是一个段落

img标签

是空标签,意思是说,它只包含属性,并且没有闭合标签

常用属性

a标签

通过使用 标签在 HTML 中创建链接

href 属性规定链接的目标

Target 属性定义被链接的文档在何处显示

1| 点击这里跳转百度

列表

li不能单独存在,必须包裹在ul(ol)里面;ul(ol)里不能是别的东西,只能有li

无序列表

无序列表始于标签。每个列表项始于

1| 

2|       牛奶

3|       咖啡

4| 

显示:

牛奶

咖啡

有序列表

有序列表始于标签。每个列表项始于标签

牛奶

咖啡

显示:

1.牛奶

2.咖啡

自定义列表

自定义列表以 标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始 ,一个dt可以配很多dd

牛奶

白色的

咖啡

黑色的

热的

表格

表格由 标签来定义。每个表行由 标签定义,每行被分割为若干单元格由 标签定义。表格的表头使用 标签进行定义,字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

border属性为显示边框

hend1

hend2

(1,1)

(1,2)

(2,2)

div标签和span标签

可定义文档中的分区或节,即division,分割

标签被用来组合文档中的行内元素,即span 范围、跨度

input标签

type属性

元素根据不同的 type 属性,可以变化为多种形态

输入类型:text

定义供文本输入的单行输入字段,placeholder为提示文字

输入类型:password

定义密码字段

输入类型:radio

定义单选按钮

输入类型:checkbox

定义复选框

输入类型:button

定义按钮

输入类型:submit

定义用于向表单处理程序(form-handler)提交表单的按钮

name属性

如果要正确地被提交,每个输入字段必须设置一个 name 属性

value 属性

value 属性规定输入字段的初始值

input元素的id和label标签的for属相同,表示绑定

*** 更多关于输入框和表单的说明,可结合后端进行学习

用户名:

密码:

性别:男 

女 

爱好:唱

rap

显示为:

select标签

元素定义下拉列表

元素定义待选择的选项

*列表通常会把首个选项显示为被选选项。您能够通过添加 selected 属性来定义预定义选项

蛋糕

巧克力

饼干

textarea标签

元素定义多行输入字段

cols规定文本区域内可见的宽度

rows规定文本区域内可见的行数

我是一个文本框。

其他

&lt  less than 

&gt greater than >

&copy 版权符号 

&nbsp 空格

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200430A0QV6V00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券