快速学习html,html学习

前言:

以前也写过一点点(真的只有一点点)前端，但~.~很久没写了，这也是没办法的事情，现在对运维的要求越来越高了(前后端都要了解(深入)，后端只会个python哪能行，java啥的整起~)，然~以初学者的心态学习前端总是不错的，记录一二~。~

当然记录的内容也是一些网站来的内容，就不多说了，主要是学习之用~

一、html简介

html(超文本标记语言)

用文本表述带有特殊标签的语言

什么是标签？ <> 用尖括号括起来的内容就是标签

1.html骨架 表示使用html5

html标签为根标签

标题标签

字符集

2.单双标签

(1).双标签<>>

<>标签开始，>标签结束的就是双标签

html中大部分是双标签，标签中的"/"为关闭符

(2).单标签< />

只有一个标签的就是单标签，一个标签包含内容和关闭符

单标签数量较少，如：
换行标签

3.html标签关系

(1).嵌套关系

head与title标签为嵌套关系

(2).并列关系

head和body标签为并列关系

二、html常用标签

1.html排版标签

(1).标题标签，单词head缩写

字体大小依次递减变小

(2).段落标签 paragragh

(3).水平标签

---

(4).换行标签
换行标签

(5).文本格式化标签 字体加粗,XHTML推荐使用strong

斜体，XHTML推荐使用em

删除线方式显示，XHTML推荐使用del

加下划线方式显示，XHTML不赞成使用ustrong，em，del，ins 语义更清晰强烈(也就是可读性更强，歧义更少)，建议使用

(6).无语义标签

如果说html哪个标签用得最多，那一定是

无语义标签，用来布局

2.html图像标签

属性 属性值 描述

src URL 图像的路径

alt 文本 图像不能显示时的替换文本

title 文本 鼠标悬停时显示的内容

width 像素 设置图像的宽度

height 像素 设置图像的高度

border 数字 设置图像边框的宽度

3.html链接标签 文本或图像

百度

target值->

_blank 在新页面打开

_self 在当前页面打开(默认)

注意:外部链接需要添加http头部

4.html特殊字符

在http中，有些本身属于标签的特殊符合，如:""等，可以使用html特殊字符代码实现，如下图

5.html注释标签

注释掉的代码，html将不会解析执行，主要用于解释一些代码的作用或者暂时不想执行

6.html列表标签

(1).无序列表

• x
• y

注:

(1)

(2)

与之间相当于一个容器，可以容纳所有元素

(3)无序列表会带有自己的样式属性

(2).有序列表

1. a
2. b
3. c
4. d
5. e

注:跟无序列表一致

(3).自定义列表

一个

对应多个标签

a

b

c

注:html页面底部用该标签较多较多

三、结语

html语言的标签有很多，以学习来讲，先了解掌握一些常用标签快速入门，然后在实际使用过程中查询增加记忆~。~