开学第一周比我想象中还要忙一些,第一次接触HTML,感觉比Java有意思一些,英语考试快要开始了,接下来准备多复习一下英语
前端知识点小结:
•自结束标签:
<br>
<hr>
<meta>
<img>
<
input..>
<option..>
<link>
•基本标签:
<strong> <b>:
它们都会让文字产生加粗效果
<strong>
用于强调文本,强度更深,表示重要文本,用于SEO
优化
<b>
只是视觉加粗效果,单纯为了产生加粗
<em>
<i>
标签:
<em>
用于强调文本
<i>
只是视觉斜体效果
<strong>
比<em>
强调更强
<span>
标签:
对被用来组合文档中的行内元素
span没有固定的格式表现,当对它应用样式时,才会产生视觉上的变化
<a
>
标签—>它有一个必不可少的属性 href
target
属性:
_self
(在原来页面打开)
_blank
(新窗口打开)
_top
(打开时忽略所有的框架)
_parent
(在父窗口中打开)
链接样式实例:
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
•
锚点和锚链接:
锚点也是一种超链接,是在页面内进行跳转的超链接
第一步:创建锚点 <a name="锚点名称"></a>
第二步:使用创建好的锚点名称 <a href="#锚点名称">内容</a>
•块级元素与内联元素:
块级元素 | 内联元素 |
独占一行,默认情况下,其宽度自动填满其父元素宽度 | 相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化 |
可以设置width,height属性 | 行内元素设置width,height属性无效 |
对应于display:block | 对应于display:inline; |
可以设置margin和padding属性 | 行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right,其它属性不会起边距效果。 |
<input>和<img>都是行内元素,但是它们可以设置宽和高
块级元素:
<caption>定义表格标题
<dd> 定义列表中定义条目
<div> 定义文档中的分区或节
<dl> 定义列表
<dt> 定义列表中的项目
<fieldset> 定义一个框架集
<form> 创建表单元素
<h1><h2><h3><h4><h5><h6> 标题元素
<hr> 水平线
<legend> 给fieldset元素定义标题
<li> 定义列表项目
<noframes> 为那些不支持框架的浏览器显示文本,放置于frameset标签内
<noscript> 为那些不支持脚本的浏览器显示文本
<ol> 有序列表
<ul> 无序列表
<p> 定义段落
<pre> 定义预格式化文本
<table> 定义表格
<tbody> 定义表格主体
<td> 表格中的标准单元格
<tr> 表格中的行
<tfoot> 表格中的页脚
<th> 定义表头单元格
<thead> 定义表格的表头
内联元素:
<a> 可定义锚以及超链接
<abbr> 表示一个缩写形式
<acronym> 表示只取title中首字母的缩写形式
<b> 字体加粗
<bdo> 可覆盖默认的文本方向
<big> 大号字体加粗
<br> 换行
<cite> 引用进行定义
<code> 定义计算机代码文本
<dfn> 定义一个定义项目
<em> 定义为强调的内容
<i> 斜体文本效果
<img> 向网页中嵌入一张图像
<input> 输入框
<kbd> 定义键盘文本
<label> 为input进行标记/标注
<q> 定义短的引用
<s> 表示不准确不相关,却不应当给予删除的内容
<samp> 定义样本文本
<select> 定义单选或者多选菜单
<small> 呈现小号字体效果
<span> 组合文档中的行内元素
<strong> 语气更强的强调内容
<sub> 定义下标文本
<sup> 定义上标文本
<textarea> 多行文本输入控件
<tt> 打字机或者等宽的文本效果
<var> 定义变量
•img图片标签与路径
写法:
<img src="" alt="" width="" height="" />
常见图片格式 jpg
png
gif
Gif
(只支持全透明)
Jpeg
/jpg
Png
半/全透明都支持
路径:
/
开头表示根目录;
./
表示当前目录;(斜画线前面一个点)
../
上级目录;(斜画线前面两个点)
直接用文件名不带/也表示同一目录