发表于: 2018-05-22 22:25:49

1 656


今天完成的事情:

 今天完成的事,

   元素分类,

  inline元素,block元素,inline-block元素、

  HTML <input> 标签

HTML <table> 标签

分为四类

a.
定义一个区块,比如文章中某一章节,某一段落。
b.
定义头部区域。
c.
定义底部区域,一般用来标注一些网站信息,底部导航栏也可以用该标签。
d.
定义菜单导航,链接导航。
e.

表示文章的主体内容。

下边的块级元素和行内元素没有看,

内联元素(inline)和块级元素(block)
常见的内联元素(inline)和块级元素(block)
内联元素(inline):
a – 锚点 
abbr – 缩写 
acronym – 首字 
b – 粗体(不推荐) 
big – 大字体 
br – 换行 
cite – 引用 
code – 计算机代码(在引用源码的时候需要) 
dfn – 定义字段 
em – 强调 
font – 字体设定(不推荐) 
i – 斜体 
img – 图片 
input – 输入框 
kbd – 定义键盘文本 
label – 表格标签 
q – 短引用 
s – 中划线(不推荐) 
samp – 定义范例计算机代码 
select – 项目选择 
small – 小字体文本 
span – 常用内联容器,定义文本内区块 
strike – 中划线 
strong – 粗体强调 
sub – 下标 
sup – 上标 
textarea – 多行文本输入框 
tt – 电传文本 
u – 下划线
块级元素(block):
address – 地址 
blockquote – 块引用 
center – 举中对齐块 
dir – 目录列表 
div – 常用块级容易,也是CSS layout的主要标签 
dl – 定义列表 
fieldset – form控制组 
form – 交互表单 
h1 – 大标题 
h2 – 副标题 
h3 – 3级标题 
h4 – 4级标题 
h5 – 5级标题 
h6 – 6级标题 
hr – 水平分隔线 
menu – 菜单列表 
ol – 有序表单 
p – 段落 
pre – 格式化文本 
table – 表格 
ul – 无序列表 
li
内联元素与块级元素的区别
内联元素:
1、内联元素不会独占一行,相邻的内联元素会排在同一行。其宽度随内容的变化而变化。 
2、内联元素不可以设置宽高 
3、内联元素可以设置margin,padding,但只在水平方向有效。
块状元素:
1、块级元素会独占一行,默认情况下宽度自动填满其父元素宽度 
2、块级元素可以设置宽高 
3、块级元素可以设置margin,padding
内联块状元素inline-block:
简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现(可以设置宽高和margin值)。之后的内联对象会被排列在同一内联。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。

上面是一些常见的

内联元素(inline):

块级元素(block):

HTML <table> 标签

一个简单的 HTML 表格,包含两行两列:

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

这个我今天写了一下但

align

bgcolor

这两个为什么不赞成使用

 HTML <input> 标签

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

<input> 标签用于搜集用户信息。

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

这个是晚上看的所以没有看完

明天计划的事情: 

 把剩下的问题弄完。

遇到的问题:

今天我看了一下任务七

这个右边为什么是空白的?是一个滚动条吗?
还有Bootstrap这个是什么意思?

收获:

 元素分类,

  inline元素,block元素,inline-block元素、

  HTML <input> 标签。



返回列表 返回列表
评论

    分享到