HTML知识
一、基础标签
1.html
hyperText markup language：超文本标记语言
<html></html>
- 根标签，一个HTML文件只有一个
- 属性，属性名不加双引号，属性值加双引号：
<html lang="en">
2.head
<head></head>
- 浏览器属性，设置浏览器的东西
- 编码字符第
<meta charset="utf-8">升级版所有国家都有（gdk:包含繁体、简体；unicode:万国码，所有国家语言都包含） <title></title>- 符合搜索引擎
<meta content="关键词的内容“ name="ketwords">
符合搜索引擎<meta content="描述的内容” name="description">
3.body
<body></body>
客户能看到的信息
<p>段落</p><h1></h1>,1-6,标题，一级到六级，由大到小，单独成一行，有加粗展示，header缩写<strong>内容加粗展示</strong><em>内容斜体展示</em><strong><em>加粗又斜体</em></strong><del style="color:#999 "有中划横线内容，style是修饰</del><address>地址内容</address>成段；可以<p><em叠加效果和address一样</em></p><div></div>独占一行,充当容器，分块，绑定操作<span></span>没有功能，容器，结构化，分块；绑定化操作
二、高级标签
1.HTML编码:&
1.1.空格；
- 编辑器的空格/回车：文本分隔符
- ‘ ；’->一个空格文本
1.2.’<>’;
- &less than -><=’<’;
- &great than ->>=’>’;
1.3.单标签
<hr>水平线- 回车；
<br>,单标签 <meta>
2.排序列表
2.1 有序列表order list
<ol></ol>
- type
<ol type="1"></ol>
//罗马数字
<ol type="I"></ol>
<ol type="i"></ol>
//27进制
<ol type="a"></ol>
<ol type="A"></ol>
- start,从第几个开始排序，就写第几个
<ol type="a" start="3">- 以a27进制排序,第三个是c开始排序
2.2 无序列表unoder list
<ul></ul>
// "disc"=disciecle实心圆.
<ul type="disc"></ul>
//方块
<ul type="square"></ul>
//空心圆。
<ul type="circle"></ul>
2.3 顺序子项
<li></li>
3.图片单标签
//单标签
<img src=" 图片地址 " stype="装饰内容“ alt=图片占位符" title="图片提示符“>
src=source引入图片资源
3.1 图片路径
- 网上url
网页点击图片，右键“在新标签页中打开图片”，之后的网址。 - 本地的绝对路径
HTML和jpg保存不在同个文件夹里，这时候要弄图片完整地址。
<img src="D:\a\B\123.jpg>
- 本地的相对路径
HTML和jpg保存在同个文件夹，直接弄图片名字。
<img src="123.jpg>
3.2 alt"图片占位符"
当图片格式发生错误时，展示文字信息，表示图片内容.
3.3 title”图片提示符“
浏览网页时，当鼠标移动到图片，会有提示内容，这个内容就是title的内容。
4.a标签
<a href="文本引用链接" style="css内容" target="_blank">文本</a>
4.1 超级链接
- href:hyperText reference,超文本参考、引用
- 点击文本之后跳转到引用链接
- 里面可以放任何内容，图片，css装饰
- target="_blank"，加上后，点击文本会跳出新的页面；如果是本页面跳转就不用target
4.2 anchor:锚点
- 记住位置，在id，点击回到固定位置
<a href"#id name">首页</a>
4.3 打电话（发邮件）
<a href="tel:199253548xx">给小白打电话</a>
<a href="mailto:2350941694@qq.com">给小白发邮件</a>
4.4 协议限定符
<a href="javascript:while(1){alert(’让你无聊‘)}">点一下试试</a>
5.form method表单
<form method="get" action="http://xxx">表单</form>
5.1 解释
- method发送数据方式，get、post
- action=""数据发给谁
5.2 <form><input></input></form>
1.输入框，主键
<input type="text" name="username" value="请输入用户名”>
- 写任意东西
- username数据名
- 例如：username=sunny，数据值
2.密码框，主键
<input type="password" name="password" value="请输入密码">
- 写任意东西，显示圆点·
- password数据名
- 数据值，例如：password=123123
- md5加密，不可反向破解
3.提交按钮
<input type="submit" value="login">
- submit提交按钮
- value替换文本值
- name数据名
4.单选、复选框
<input type="radio" name=“1' value="q" checked=“checked”>
- radio单选框；checkbox复选框；checked默认选中
- name统一为一个选择题,数据名
- value数据值
举例子
//onfocus聚焦时；unblur失去焦点时
<p>username:
<input type="text" name="username“ style="color：#999” value="请输入用户名”
onfocus="if(this.value=="请输入用户名")
{this.value='';this.style.color='424242'}"
onblur="if(this.value==''")
{this.value='请输入用户名'; this.style.color='#999'}">
5.选择文本框
<select name="province"><option>选择文本</option></select>
2322
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
