HTML
2020-05-13 10:02:06 10 举报AI智能生成
关于html的基础
作者其他创作
大纲/内容
HTML
超文本标记语言
W3C是什么
万维网联盟
W3C标准包括什么
结构化标准语言
例如 html xml
表现标准语言
例如css
行为标准
例如DOM
网页的结构
<html>
<head>
<body>
基本标签
标题标签
<h1>...<h6>
字体标签
加粗
<strong>
斜体
<em>
段落标签
<p>
换行标签
</br>
图像标签
<img src=\"path\" alt=\"如果图片路径不存在时显示的说明\">
链接标签
<a href=\"\" target=\"\">...</a>
target属性的值有：
blank
表示使用新的窗口打开链接页面
self
默认值，表示使用本窗口打开链接页面
锚链接
<a name=\"top\"></a> ....... <a href=\" 路径 #top\">
图像链接
<a href=\"\"><img src=\"\" alt=\"\"></a>
特殊标签
空格
大于小于
>
<
版权
©
列表
有序列表
<ol><li>..</li></ol>
无序列表
<ul><li>..</li></ul>
自定义列表
<dl><dt><dt><dd><dd><dl>
块元素和行内元素
块元素
该元素独占一行
例如：<p> <br> <h1>
行内元素
左右都是行内元素的可以排在一行
例如：<strong> <em> <img>
表格标签
<table><tr><td>..</td><tr><table>
表格跨行
使用属性rowspan=\"\"
表格跨列
使用属性colspan=\"\"
视频和音频标签
视频：<vedio>
属性
controls:表示播放进行时或者停止
autoplay：表示是否自动播放
音频：<audio>
内联框架标签
<iframe src=\"内嵌的地址\">
将超链接在内联框架中打开
<iframe name=\"qq\"></frame>
<a href=\"\"xxx\" target=\"qq\">
这样就可以将连接内容显示在内联框架里了
表单
注意：如果是单选框，需要设置相同的name将单选选项放置在一个组里（通过设置相同的name）
下拉框
<select name=\"\"> <option value=\"\">xxx</option></select>
文本域
<textarea>
文件域
<input type=\"file\" name=\"\">
搜索框
<input type=\"search\" name=\"\">
滑块
<input type=\"range\" name=\"\" max=\"\" min=\"\">
表单的一些无值约束属性
readonly
disable 禁用
hidden 隐藏
placeholder 默认值
require 当输入为空提交时会提示不能为空
pattren 正则表达式 如果输入的格式不符合正则表达式，会提示
增强鼠标的可用性
通过id属性设置
<label for=\"aa\">搜索</label>
<input type=search id=\"\"aa>
容易混淆的三个标签
0 条评论
下一页
