HTML笔记

这是之前上这门课的笔记需要的话可以参考一下

Content值

Keywords只能显示一个引用字不可写多

Description介绍网站的一些基本情况包含大量的介绍

Refresh 刷新

url地址http://跳转

link链接rel声明 

Block   <div>常见的块元素

inline   <span>常见的行内元素

inline block 行内块元素

none 此元素将被隐藏 并不占用页面空间

<ul>无序列表

<ol>有序列表

<dl>自定义列表

<dt>标题

<dd>首行缩进

<Img>存放图片的位置文件夹

Src牵引文件的位置把图片存放到这里

<title>标题

<alt 文字>//图片显示不出来的时候会出现你输入的文字

网页网址链接

<a href="http://www.tengxun.com:" target="_blank">腾讯</a>

<a href="http://www.sohu.com" target="_self ">搜狐</a>

网页内链接

<a href="a.html" target="_blank">a网页</a>

<a href="b.html" target="_blank">b网页</a>

<a href="c.html" target="_blank">c网页</a>

<h2>锚记链接</h2>

<p id="a">上部位置</p>

<a href="#middle">返回中部位置</a>    //得有id才能返回值

<p id="middle">中部位置<p>

<a href="#a">返回顶部位置</a>

Table是表格属性    width宽度  height高度

Tr是行

Td是列有多少列输入多少td

Colspan是跨列居中

Rowspan是跨行居中

align="center"居中对齐

网址登陆制作方法

<form action="" method="post" name="bd1" autocomplete="on">

              用户名:<input type="text(文本)" name="textname"/>

              密  码:<input type="password (密码)"/><br>

              性  别:<input type="radio" name="a" checked (默认)/>男

                     <input type="radio(性别)" name="a"/>女<br>

              你是否同意本站协议<input type="checkbox"(默认文本框) />

              <input type="file"><br>

              验证码:<input type="image(图片)" src=""/><br>

              <input type="reset(提交)">实现提交按钮

              <input type="submit(重置)"/>实现重置按钮

              <button type="text" name="普通">普通</button><br>

              你的电子邮箱：<input type="email"/><br>

              你的网址：<input type="url"(网址)>

              您对该网址的评分是：<input type="number" min="0" max="100" value="50"><br>

              滑块评分：<input type="range(滑块)" min="0" max="100" value="50"><br>

              你最喜欢的颜色：<input type="color"><br>

              日期：<input type="datetime">

textarea 文字区域显示

cols  显示多少个字符   rows  行高是多少       跟合并colspan跨多列 和 rowsp同理

select   下拉列表

option   有多少个下拉选项就写多上option

Multiple  是多选值

Datelist 下拉标记

用户名 input list=namelist  autofocus光标

Placeolder属性

Placeolder=”提示信息”

视频

video

controls控制函数

autoplay自动播放

Loop autoplay循环播放

音频

Audio

Controls

Autoplay

article  类似于块元素

<details>     标签用于描述文档或文档某个部分的细节。

Summary 折叠   交互元素

与 <summary> 标签 配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。

                     <summary>景色</summary>

                     <img src="img/12.jpg" alt="">

              </details>

Progress进度条

Mark突出显示

contenteditable  表示元素是否可被用户编辑

<figure>

<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。

figure元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。它是一种元素的组合，可带有标题（可选）。figure标签用来表示网页上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。

figure有一个子标签：figcaption。

<figcaption>

<figcaption> 标签定义 figure 元素的标题（caption）。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

---

就是这些啦