HTML5学习（基础）

最新推荐文章于 2024-04-24 18:49:11 发布

不爱吃垃圾的小王

最新推荐文章于 2024-04-24 18:49:11 发布

阅读量1.1k

点赞数 1

分类专栏：学习笔记文章标签： html

本文链接：https://blog.csdn.net/KKGDGN/article/details/105356987

版权

学习笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

HTML

全称Hyper Text Markup Language(超文本标记语言)，文本中包含了文字，图片，音频，视频和动画等。受到各大浏览器的支持。

W3C:World Wide Wed Consortium(万维网联盟)。成立1994年，WeB技术领域最权威和具有影响力的国际中立技术标准机构。
标准：
结构化标准语言（HTML/XML）
表现标准语言（CSS）
行为标准（DOM/ECMAScript）

最基本的标签：

<html lang="en">
/*head网页头部*/
<head>
	/*meta描述性标签，描述网站信息*/
    <meta charset="UTF-8">
    /*title网页标题*/
    <title>网页练习</title>
</head>
/*body标签代表网页主体*/
<body>
</body>
</html>

常用标签(要带<>)：
标题标签：h1~h6
段落标签：p
换行标签：br
水平标签：hr
字体样式：strong（黑体）em(斜体)
注释和特殊：!-- – &nbsp分号结尾(空格)

图像标签：

<img src="图片的链接" alt="图片未加载出时显示的文字" title="悬停的文字" width="显示的宽度" height="显示的高度">

链接标签

<a href="链接" target="目标窗口位置">链接文本或者图像</a>

其中target有-self（自己网页中打开），-blank（新网页打开）等

行内元素和块元素

块元素：无论内容有多少多要独占一行。例如标签：p,h1~h6…
行内元素：内容撑开宽度，左右都是行内元素可以排在一行。例如标签：a,strong ,em…

列表

有序列表

<ol>
    <li>一</li>
    <li>二</li>
    <li>三</li>
    <li>四</li>
</ol>

无序列表

<ul>
    <li>炎龙侠</li>
    <li>风鹰侠</li>
    <li>黑犀侠</li>
    <li>地虎侠</li>
    <li>雪獒侠</li>
</ul>

定义列表

<dl>
	/*dt列表标题*/
    <dt>铠甲勇士</dt>
    <dd>炎龙侠</dd>
    <dd>风鹰侠</dd>
    <dd>黑犀侠</dd>
    <dd>地虎侠</dd>
    <dd>雪獒侠</dd>
</dl>

创建表格：

<table border="1">
/*tr表示行，td表示列*/
    <tr>
        <td>11</td>
        <td>12</td>
        <td>13</td>
    </tr>
    <tr>
        <td>21</td>
        <td>22</td>
        <td>23</td>
    </tr>
    <tr>
        <td>31</td>
        <td>32</td>
        <td>33</td>
    </tr>
</table>

媒体元素：

<video src="资源路径" controls autoplay></video>
<audio src="资源路径" controls autoplay></audio>

其中src表示路径，controls表示控制条，autoplay表示自动播放。

iframe内联框架

<iframe src="链接的网站" frameborder="内敛页面的边框大小" name="名字"></iframe>

表单语法：

<form action="向何处发送表单数据" method="提交的方法"></form>

method主要有post和get方式。
get:虽然高效，但是在url中可以看到提交的信息，不安全。
post：比较安全，框样传输大文件。

表单元素格式:

type:指定元素类型
name:表单的元素名称
value:元素的初始值
size:制定表单元素的初始宽度
maxlength:输入最大的字符数（类型为text和password）
checked:指定按钮是否被选中(类型radio checkbox)

input type=“button” 普通的按钮
input type=“image” 图片按钮
input type=“submit” 提交按钮
input type=“reset” 重置
input type=“checkbox” 多选框
input type=“file” 文件域（上传文件）
input type=“email” 邮件验证
input type=“url” 输入URL
input type=“number” 输入数字（可设置最大最小和步长）
input type=“range” 滑块（类似音量大小）
input type=“search” 搜索框

文本域：

 <textarea name="文本框名字" cols="文本框宽" rows="文本框高" placeholder="填写文本"></textarea>

表单的应用

设置权限：

readonly 只能看，不能操作
checked 默认选择
disabled 禁用（不能点击）
required 非空引用

验证：

placehol 提示信息，输入框中提示
required 非空判断，提交时必须填写信息
pattern 正则表达式，按照要求填写信息

不爱吃垃圾的小王

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5学习（基础）

HTML全称Hyper Text Markup Language(超文本标记语言)，文本中包含了文字，图片，音频，视频和动画等。受到各大浏览器的支持。W3C:World Wide Wed Consortium(万维网联盟)。成立1994年，WeB技术领域最权威和具有影响力的国际中立技术标准机构。标准：结构化标准语言（HTML/XML）表现标准语言（CSS）行为标准（DOM/ECMASc...
复制链接

扫一扫