ctf html注释,html入门基础(详解）

html入门基础(详解)

一、HTML

1.HTML：是一种用于创建网页的超文本标记语言(Hyper Text Markup Language)

“超文本”就是指页面可以包含图片，链接，甚至音乐，视频，程序等非文字元素。

HTML语言是Web的基础，可以说Internet是建立在HTML基础之上的。

HTML5是新一代HTML标准，大部分浏览器已经支持。

二、HTML5基本结构

//html5网页声明

//元素是HTML页面根元素

//lang属性：声明当前页面的语言类型，“en"英文，”zh“中文

//设置网页编码格式位utf-8

文档标题//设置文档标题

....页面内容(各种标签)

三.基本标签

1、div和span

标签：块级元素，可用于组合其他HTML元素的容器

div没有特定的含义，通常用于对文档结构进行逻辑上的分块

div的前后会换行

标签：

行内元素(内联元素)，可用作文本的容器

span没有特点的含义

span的前后不会换行

span示例

她有一双 蓝色 的眼睛

2、文本相关

标题标签：

-

欢迎光临我的主页

欢迎光临我的主页

欢迎光临我的主页

欢迎光临我的主页

欢迎光临我的主页

欢迎光临我的主页

- 段落标签，换行标签，label 标签：

段落标签：

一段文字

换行标签：
或者

特别提醒：不要在

里嵌套块级元素，如嵌套p或div

标签：

标签文字

for属性：绑定一个控件id值，当用户点击label标签内文本，就会将焦点

切换到绑定的控件上。

用户名

点击"用户名"时，文本框将获得焦点

嵌套写法：嵌套时可省略 for 属性

用户名

格式标签：部分

粗体： 斜体： 下划线： 删除线：

下标： _上标：

小号字： 大号字：

强调(加粗)： 强调(斜体)：

突出显示(黄色背景)：

**HTML注释： **

3.图片

无法载入图像时显示alt信息

宽度值和高度值单位是像素点px

运行截图：

4. 超链接

超链接标签： 链接文字

标签定义超链接，用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性，它指示链接的目标。

武汉科技大学

target="_blank"新开窗口打开页面

运行截图：

超链接的 URL。可能的值：

绝对 URL - 指向另一个站点(比如 href=“http://www.example.com/index.htm”)

相对 URL - 指向站点内的某个文件(href=“index.htm”)

锚 URL - 指向页面中的锚(href="#top")

5、列表

无序列表ul

• 武汉科技大学
• 华中科技大学
• 武汉大学

运行截图：

有序列表ol

默认序号从1开始

100. 苹果
101. 香蕉
102. 柠檬
103. 桔子

运行截图：

6.HTML表格

border边框厚度，width/height表格宽度/高度

表格示例

学生名单

学号	姓名	院系
2017001	张无忌	计算机学院
2017002	令狐冲	计算机学院

运行截图：

学生名单

学号

姓名

院系

2017001

张无忌

计算机学院

2017002

令狐冲

计算机学院