开学第一周学习总结

  开学第一周比我想象中还要忙一些,第一次接触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 半/全透明都支持

路径:

 /开头表示根目录；

 ./表示当前目录；（斜画线前面一个点）

 ../上级目录；（斜画线前面两个点）

   直接用文件名不带/也表示同一目录