html笔记

html笔记

头文件

所有的数据都在

文字属性

元素:开始标签到结束标签的所有代码

元素

属性一般以键/值 对的形式出现

标题

到

逐渐减小
属性 align 对齐属性

left center

属性：bgcolor 背景颜色

用来定义一个段落 也可以使用单个标签
在末尾加上

标签定义链接 随便 herf是链接的地址属性
属性：target 在何处打开 _blank在新网页中打开 _self 在本网页中打开
herf:指向另一个文档的链接
name:创建文档内的链接 也就是改内容可以被链接
链接：文字链接，图片链接
文字链接：a href=“www.baidu.com”>随便
图片链接a href=“www.baidu.com”>
文档内链接：牛逼
<a href="#tips>跳转到牛逼
标签定义图像
属性：src 图片的地址
width 以像素px为单位
height
alt 当图片不能显示的时候出现的内容
通用属性
class
id
stytle 元素样式
title：元素的额外信息

格式化
加粗 加大(过时)
着重 斜字体
小字体 加重语气
_{下标字 ^上标字}
插入字 删除字

HTML样式
标签

样式表的插入方法：
1.外部样式表 引用资源/文档类型/名称
2.内部样式表
3.内联样式表

表格标签

属性：border 边框大小 cellpadding 表格大小 cellspacing 单元格间距 bgcolor 背景颜色 background背景图片 以下都在里定义 定义表格 定义表格的行 定义表格的页眉 定义表格的主体 定义表格的页脚 定义表格的属性

定义表格标题

定义表格的表头
定义表格的单元

列表

1. 有序列表
   • 无序列表 小黑点
   • 列表项(有排序 )

     列表 列表项

     描述 1.无序列表 标签：

     • ,
     • 属性：disc(实体黑⚪) circle(空心⚪) square(黑色方块)
       • 2. 有序列表 标签：
         1. ,
         2. 属性：A,a,l,i,start
            1. start是从几开始 3.嵌套列表 标签：
               • 1. 4.自定义列表 标签:

块
1.HTML块元素(通常以新行开始)

2.HTML内联元素(通常不以新行开始)

3.HTML

元素
主要是组合HTML元素的容器 再div中可以指定css样式表
属性有id 这样可以直接定义到这个块 方便自己创建css样式然后指定到这个块
css这么写 #id1{ } 在里面编写样式 如果向指定模块内的某一种元素 可以#id1 p 这样这个样式对所有p标签使用

4.HTML元素
内联元素 作为文本的容器 再span中可以指定样式
比如

牛逼不牛逼

可以添加style来改变样式

HTML的布局
1.

布局
样式在stytle中书写
为了防止边上有空白 加上body{ margin:0px}
div#container 全局 div#heading 头部
div#content_menu内容的左半部分 div#content_body 要在每个里面添加float:left 从左到右
div#footing 底部
2.布局
直接在table 里书写
其实就是单元格的布局 也就是一行一行的布局

注意第一行和最后一行是可以设置整个页面有几个单元格的 要保持一致 添加

表单

表单 输入域 type="text"(文本),password(密码) checkbox复选框 placeholder文本框提示信息 radio单选框(单选框中要添加name属性表示同一组) button按钮 submit 提交 苹果 文本域 cols行 rows列 控制标签 定义域 域的标题 选择列表 下拉列表中的选项 选项组 按钮

Background 背景 Bgcolor 背景颜色

实体 也就是html里面有很多关键字符不能直接表示出来要用特殊字符来代替

全局属性
contentEditable 用户是否可编辑 默认为可编辑 true或false
designMode
hidden 隐藏某元素 但存在 true或false
speelcheck 进行拼写和语法检查 true或false
tabindex 在按tab键的时候的遍历顺序 tabindex=“1” 中间为数字 只有链接元素和表单元素可以用tab获取
可以添加这个属性让原本不能tab获取的现在可以获取

artice 可以被外部引用的内容 可以嵌套

里面可以有header头部 footer底部 也可以在嵌套一共article
section 内容进行分块 要存在标题使用

nav 用作页面导航的连接组 其中的导航元素链接到其他页面或当前页面的其他部分

aside用来表示当前页面或文章的附属信息

header 头部 可以嵌套使用 footer 底部

adress承载的联系人联系地址等

required 在提交时如果空白不允许提交 并弹窗 一般用于input 一般在表单内使用

datalist类似于下拉列表但是可以手动输入
<?option>

HTML4 HTML5

autocomplete 帮助输入的自动完成功能 在input内部使用

使手机端和pc端自适应网页大小

开始标签 结束标签 是所有头部元素的容器

img是导入图片alt和src是必要属性
alt是当导入图片无法显示的时候的文本
src是图片的链接
width设置图像的宽度 height图像的高度

链接网络测试

meta 在head标签里面
对文字编码进行修改 charset
网页自适应 <meta name=“viewport” content=width=divice-width",initial-scale=1.0">
当前页面的关键词
当前页面的内容描述
当前页的作者名<meta name=“author” content
指定时间间隔刷新或者进入其他页面 <meat http-equlv-“refresh” content=“5;http;//www.baiu.com”>

style 可以出现在任何部分
修改字体颜色之类的功能
以下功能均要在style标签里
body{background-image:url(“图片地址”)}为网页主题增加背景图片
h1{text-align:center color:white} 居中字体为白色 居左为center-left
p {text-indent:32px;font-size:19px;line-height:32px} 首行缩进 字体尺寸 行高