html5笔记
当时是跟着极客学院网课学的,当时是高贵的会员,现在并不==所以同样不是会员的朋友或者是也在学习那套课程的朋友可以来看看
html基础标签:head body
<h1>…..<h6>可调节字体
<p></p>划分段落
<a href=“http://…..”>……</a>定义链接(在形成的网页里定义超链接)
html 元素指的是从开始标签到结束标签的所有代码
<br />空元素 用以换行
2.语法
元素的内容是开始标签与结束标签之间的内容
空元素在开始标签中进行关闭
大多数HTML元素可拥有属性,可以嵌套
HTML属性:
1,标签可以拥有属性为元素提供更多的信息
2.属性以键/值对的形式出现
3.常用标签属性
<h1>:align 对齐方式
<body>:bgcolor 背景颜色
<a>:target规定在何处打开链接
4.通用属性:
class:规定元素的类名
id:规定元素的唯一ID
style:规定元素的样式
title:规定元素的额外信息
HTML格式化
HTML5样式
HTMl链接
1.链接数据:图片链接 文本链接
2.属性:
herf 属性:指向另一个文档的链接
name属性:创建文档内的链接
3.img标签属性:
alt:替换文本属性
width:宽
height:高
HTML表格
HTML列表
<ol>有序列表
<ul>无序列表
<li>列表项
<dl>列表
<dt>列表项
<dd>描述
1.无序列表
使用标签ul li
属性:disc实体圆 circle空心圆 square实体正方形 type=“ @@@”
2.有序列表
使用标签ol li
属性:A a 1 i —->排序方式
start 从第几开始
3.嵌套列表
使用标签 ul ol li
4.自定义列表
使用标签:dl dt dd
Html块
1.块元素
在显示时,通常会以新行开始
如<h1>,<p>,<ul>
2.内联元素
通常不会以新行开始a b img
3.HTML<div>元素
<div>元素也被称为块元素,其主要是组合HTML元素的容器
4.HTML<span>元素
<span>元素是内联元素,可作为文本的容器
HTML布局
1.使用div
2.使用table
conplan合并单元格
HTML表单
1.用于获取不同类型的用户输入
2.常用表单标签
HTML背景
1.背景标签
Background
2.背景颜色
Bgcolor
3.颜色
由一个十六进制的符号来定义,RGB
HTML实体
1.实体
HTML中预留字符串必须被替换成字符实体
如:< ,>,& 具体的替换标号要查表
XHTML的使用规范
XHTML:可扩展超文本标记语言,几乎与HTML4.01相同,
三种文档类型:严格型,过渡类型,框架类型
lesson 8
article元素
代表文档页面或应用程序中独立的,完整的可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或独立的插件,或其他任何独立的内容
可以嵌套使用
可以用来表示插件
section元素
用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素;当一个容器需要被直接定义样式或通过脚本定义行为的时候,推荐使用div而非section
总结:1.不要把section作为设置页面样式的容器,那是div的工作
2.如果article,nav元素更符合使用条件,那么就不要用section
3.不要为没有标题内容的区域块使用section元素
nav元素
nav元素是一个可以作为页面导航的连接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的连接组都要被放进nav元素,只需要将主要的基本的连接组放进去即可。
nav元素应用场景:
传统导航条
侧边栏导航
页内导航
翻页操作
aside 元素
用来表示当前页面或者文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用,侧边栏,广告,导航条,以及其他类似的有区别于主要内容的部分
time语言与微格式
pubdate属性
lesson9
footer元素可以作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者,相关阅读链接及版权信息等。
当标题只有一个的时候没有必要用hgroup,但当第二个标题是第一个标题的子标题时,我们应使用hgroup将其包裹
表单内新增元素与属性
form属性
表单内的从属元素可以书写在页面的任何地方,然后为该元素制定一个form属性,属性值为该表单的ID,这样就可以声明该元素从属于制定表单了。
formaction属性
可以为所有的提交按钮增加不同的formaction属性,使单击不同的按钮时可以将表单提交到不同页面。用到了tomcat,然而限于版本还是什么问题的,一天也没安装上,所幸用的不多,先放着!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!