HTML学习

此为上课时做的笔记，并不完善；如有错误，欢迎指正。

image的属性

路径：src = " "

代替文本： alt = " "

悬停在图像上时显示的文本： title = " "

<br>换行

<hr>水平线

子级关系/

父级关系../

同级关系./

超文本链接

在标签<a>中使用<href>属性来描述链接地址

文本标签

<em>着重文字

<i>斜体字

<strong>加重语气

<del>删除字

<b>粗体文字

<span>元素无特定含义

有序列表

有序列表是一列项目，使用数字进行标记，始于<ol>，列表始于<li>标签

type改的是<ol>标签，有序列表可以进行嵌套

无序列表

无序列表始于<ul>，每个列表始于<li>

应用场景：

【1】无序的列表效果

【2】导航效果

快捷键ul/ol+li的布局： ul/ol>li*n（数字）

表格

表格的组成：行“tr”、列"td"、单元格

属性：border、height、width

水平合并：cowspan保留左边，删除右边

垂直合并：rowspan保留上边，删除下边

快捷键：table>tr*m>tr*n{文本内容} //m行n列

表单

表单的组成：表单标签、表单域、表单按钮

<form action = "url" method = "get|post" name = "myform">
</form>

类型：文本框、密码框、提交按钮

action：服务器地址

name：表单名

块元素	内联元素（行内元素）
块元素在页面中独占一行（自上而下垂直排列）	不会独占页面的一行，只占自身的大小
可以设置height、width属性	设置height、width属性无效
一般块级元素可以包含行内元素和其他块级元素	一般内联元素包含内联元素不包含块级元素
div form h1-h6 hr p table ul等	a b em i  strong span等

 行内块级元素（行内元素）特点：不换行，能够识别宽高——button,img,input等

H5新标签

<header></header>头部

<nav></nav>导航

<section></section>定义文档中的节，比如章节、页眉、页脚

<aside></aside>侧边栏

<footer></footer>脚部

<article></article>代表一个独立的、完整的相关内容模块，例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等