HTML基础知识笔记

HTML基础知识笔记

<p>意思的段落，但不是分行
<br>是在一段里面去分行
html的标记是用来表达他们是什么，而不是表达他们长什么样
一定要注意逻辑含义
<h1> ~ <h6>是指body里面的标题，数值越大，标题越小
<hgroup>连续的两个标记，用来形成结构图，html会形成树状图，<hgroup>会告诉浏览器，这里的两个标题是放在一起的
html的部分表达格式
<b>加粗
<i>表示斜体
<tt>等宽的西方文字字体
<small>小体
<del>删掉一些东西，在字体中间加上一条横线
<ins>加上一些内容，在字体的下方有下划线
<s>在字中间加一条线，表示东西是过时的，不被使用的
<sup>上标
<sub>下标
<mark>中间的字体会显示为高亮的

—短语样式—
不同的浏览器可能显示会不一样
<em>强调
<strong>着重
<dfn>definition定义
<code>表示一行里面的源代码，但不会表达大段的代码，代码都会在一行显示
<samp>例子代码
<kbd>这些内容是用户输入的
<var>在文章的正文中表示变量
<cite>引用，这部分内容是引用的

<address>表示地址，会被浏览器认识，被检索的一部分
<blockquote>表示缩进，可以嵌套
<q>是一种小引用
<pre>欲格式化的，你写的什么样的格式，就会显示什么样的内容

属性
<hr>水平线在中间出现一条分割线 可以设置他的属性width aligh = left 表示靠左边 size 表示粗细 几个像素点 （现在倾向于用css来做）
<abbr>缩写 在中间可以有属性 title 在鼠标移在中间内容的字上面的时候会显示title的值
并不是只在abbr标记有，在其他的标记里面也有这样的作用
<bdo> dir = rtl 表示把文本反转成从右向左读 <bdi>把反转过来的文字在反回来
为了表示”<“符号，因为这是标记的开始符号，所以文本中按理不应该直接出现这样的符号
    用到 &lt;  &gt; ->分别表示小于和大于   &amp;表示“&”  &nbsp; 表示不可打断的空格
    在拼音中表示有两点的u的时候 -> &uuml;
<ul>不排序的列表，在每一项的前面不需要列出1234这样的数字，而是用小圆点代替
    其中的每一项用 <li>表示  表示列表中的每一个项条目
    在ul和li这样的嵌套结构最好是使用缩进，便于阅读
<ol>列表，排序列表，自动加上1234这样的数字
    属性start可以用来设置数字是从设置的哪个数字开始
list是可以嵌套的
<dl>类似于字典，解释词条
    <dt>表示一个词条
    <dd>表示解释上面的词条
出现的效果 dt词条顶格 dd解释有缩进

在页面当中放入图片
<img>属性 src告诉图片的源文件在哪里 对于html来说图片是一个字符，它会和在他之后的文字连起来
    用属性 width 和 heigth 改图片的像素。可以用三种图像格式 jpg,png,gif
<iframe> 在网页里面开了一个小窗口，把其他网站的内容实时内容取过来了，也有width 和 hegith的属性 但与<img>不同的是，<iframe>需要加结束</iframe>
<a> 属性 href 的值是要链接去的那个网站的链接，中间的文本是可点击内容
     也可以链接到原网页上的某个部分，用id来设置目的地，href就设置成之前的id的内容
    属性 target表示打开的时候是在新窗口还是在本页面打开

表格 <table> 属性 border = “1”表示有格子线
    <caption>来给table的命名
    <thead>表示表头，不管你页面怎么翻，表头都会留在上面，有这个就需要有<tdody>还可以有<tfoot>
    <tr>表示一行
        <th>表示表头，它的格式跟td不一样
        <td>表示行当中的一个格子
            属性 colspan表示这一行水平方向延展多少格 rowspan表示竖直方向延展