Html基础 - 风季l

Html基础

一、五大常见浏览器及其内核（内核做个了解）

IE （edge）（Trident）
火狐（firefox）（Gecko）
谷歌（chrome）（blink）
苹果（safari）（webkit）
欧朋（Opera）（blink 早期：presto

二、Html标签

H5新增语义化结构标签：

<header>语义：定义页面的头部页眉</header>

<nav>语义：定义导航栏</nav>

<footer>语义：定义页面底部页脚</footer>

<aside>语义：定义其所处内容之外的内容侧边</aside>

1、标签的关系

嵌套关系 <html><head></head></html>

并列关系<head></head><body></body>

2、

标签分为双标签（<p></p>）和单标签（<br/>）

3、常见标签

1. 标题标签 <hn>标题名称</hn> 取值h1至6
2. 段落标签 <p>段落内容</p>
3. 水平线标签 <hr />
4. 换行标签 <br /> 单标签作用是换行 5. 加粗字体 <strong>字体加粗</strong> <b>字体加粗</b> 6. 倾斜字体 <em>字体倾斜</em> <i>字体倾斜</i> 　　　　　　 7. 字体贯穿线 <del>字体贯穿</del> <s>字体贯穿</s> 8.字体下划线 <ins>字体下划线</ins> <u>字体下划线</u>

4、超链接a标签

<a href="跳转地址">点我跳转<a> targer属性取值：_blank新窗口打开 _self覆盖当前窗口打开，为默认值

5、图片标签

6、视频音频标签

<!-- video播放视频优点无广告缺点兼容性问题版本低的识别不了。多用于手机端

属性 src 地址 autoplay自动播放（谷歌以阉割） controls控制器控制播放 loop循环播放 -->

<!-- video播放视频的格式是有要求的，支持的格式有 ogg，webm，mp4 ，在不同的浏览器所支持的格式是不同的

解决方法：

<video>

<a href="#">你的浏览器版本过低，点击此处升级！</a>

</video>

只有一个video，只选择一个视频，选择后后面的就不会读取播放，其他属性还是写在video里面。版本能够识别播放视频a标签不会读取，当版本过低时会读取到。

-->

<!-- 音频属性跟视频video一样 ,兼容格式 wva，ogg，mp3

兼容性解决方法同上

<audio>

</audio>

-->

7、列表

1.有序列表

<ol>

</ol>

2.无序列表

<ul>

</ul>

3.自定义列表

<dl>

</dl>

三、表格

1.创建表格

<table>

2.表格属性

width 表格的宽度
height 表格的高度
border 表格的边框
align 表格的对齐方式
cellspacing 单元格与单元格的间距
cellpadding 单元格与单元格内容的间距

3.合并单元格

跨行合并 rowspan 上下合并将rowspan写在上面的单元格上

跨列合并 colspan 左右合并将colspan写在左边的单元格上

　　　　colspan跨列合并2行删除此行
　　</tr>
　　<tr>
　　　　 rowspan跨行合并2行删除此行
　　　　<td>单元格</td>
　　　　<td>单元格</td>
　　　</tr>

注：合并单元格时是左上原则别忘把合并多出的单元格删除。

四、表单

1.表单的组成

表单域（<form action="用于提交的地址"></form>）、提示文本、表单

2.表单的类型

<input type="">
type的取值：
text 单行文本输入框
password 密码框
radio 单选框注：必须有name属性并且名称相同
checkbox 复选框
button 普通按钮
file 用户上传控件
submit 提交按钮

单选框多选框的默认值属性为checked

<button></button> 普通按钮

<textarea cols="30" rows="10"></textarea> 多行文本框

</select>

下拉菜单select ,默认值属性为selected

<label>

输入爱好：<input type="text" list="dlist">

</datalist>

</label>

<br/>

<br/>

</fieldset>

五、

<!-- h5新增的表单属性：

placeholder 占位符

autofocus 自动获取焦点（选中了哪个表单）

autocomplater 自动补全（在表单中提交过一次后下次打出首字会提示出上次提交的内容）

默认是为on开启状态所以的text文本都是开启的，改为off为关闭

required 必填项，不能为空

-->

<p>数字键盘只能输入数字</p><input type="number">

posted on 2019-08-06 20:49 风季l 阅读(151) 评论(0) 收藏举报