html学习笔记day1,2017/5/17

1、html空元素

       没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。在 XHTML、XML 等中,所有元素都必须被关闭。

       在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

2、标题

       <h1>--<h6>,大——>小标题。<h1>用作主标题(最重要的),依次类推。

       1到6号标题与1到6号字体逆序对应,比如1号字体对应6号标题,2号字体对应5号标题。

3、注释

       <!-- 这是一个注释 -->,这是html代码注释部分,提高代码可读性。

4、重要标签

① 段落。<p></p>标签

       用于将文档分割为若干个段落。

② 水平线。<hr/>标签

       创建一条水平线,可用于分隔内容。

③ 换行。<br/>标签

       换一行。注意:对于HTML,无法通过在HTML代码中添加额外的空格或换行来改变输出的效果,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。只能通过标签来改变显示效果。

④ 文本格式化

       <strong>或者<b>   加粗

       <em>或者<i>    斜体

       <big>    放大字体

       <small>    缩小字体

       <sub>    包含下标

       <sup>    包含上标

⑤ 链接。<a href=”链接地址”></a>

       超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

       target属性,可以定义被链接的文档在何处显示。

       创建图片链接:

           <p>创建图片链接:

           <a href="http://www.runoob.com/html/html-tutorial.html">

           <img src="smiley.gif" alt="图" width="32"   height="32"></a></p>

       可以创建当前页面的链接:

           <p><a href="#C4">查看章节 4</a></p>

           <h2><a id="C4">章节 4</a></h2>

       电子邮件链接:

          例子略。

5、头部中标签

① <head>

② <title>

       定义了html文档的标题。<title>在html/xhtml文档中是必须的。

       定义了浏览器工具栏的标题。

       当网页添加到收藏夹时,显示在收藏夹中的标题。

       显示在搜索引擎结果页面的标题。

③ <meta>

       描述html文档的描述,关键词,作者,字符集等。

④ <base>

       定义了所有链接默认的链接目标地址。

⑤ <link>

       定义了文档和外部资源之间的关系,<link>通常用于链接到样式表。

⑥ <style>

       <style> 标签定义了html文档的样式文件引用地址.

       在<style> 元素中你也可以直接添加样式来渲染html文档。

⑦ <script>

       用于加载脚本文件JS。

6、图像

       插入图像:<img src="url" alt="some_text">

       src属性:url 指存储图像的位置,可以是当前电脑下的文件中的图像,也可以是通过网址获取图像。

       alt属性:alt 属性用来为图像定义一串预备的可替换的文本,在浏览器无法载入图像时,浏览器将显示这个替代性的文本而不是图像。

       height与width属性:用于设置图像的高度与宽度。

       可以创建图像映射。

       也可以创建带有可供点击区域的图像地图。其中的每个区域都是一个超链接。

7、表格

       每个表格从一个 <table> 标签开始。

       每个表格行从 <tr> 标签开始。

       每个表格的数据,列,从 <td> 标签开始。

       表格的表头使用 <th> 标签进行定义。

       大多数浏览器会把表头显示为粗体居中的文本。






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值