HTML学习笔记

 1、只有在MySQL中可以使用"utf-8"的别名"utf8",但是在其他地方一律使用大写"UTF-8"。
 2、<!DOCTYPE html>  ocument Type HyperText Mark-up Language,是一条标示语言。doctype 声明是不区分大小写的
 3、 (1)*.html 文件跟 *.jpg 文件(f盘)在不同目录下:<img src="file:///f:/*.jpg" width="300" height="120"/>
       (2)*.html 文件跟 *.jpg 图片在相同目录下:<img src="*.jpg" width="300" height="120"/>
        (3)*.html 文件跟 *.jpg 图片在不同目录下:

     a、图片 *.jpg 在 image 文件夹中,*.html 跟 image 在同一目录下:<img src="image/*.jpg/"width="300" height="120"/>
               b、图片 *.jpg 在 image 文件夹中,*.html 在 connage 文件夹中,image 跟 connage 在同一目录下:<img src="../image/*.jpg/"width="300" height="120"/>
     4、如果图片来源于网络,那么写绝对路径:<img src="http://static.runoob.com/images/runoob-logo.png" width="300" height="120"/>
  4、HTML 中 href、src 区别:
  href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。例如:<link href="reset.css" rel=”stylesheet“/>
浏览器会识别该文档为 css 文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用 link,而不采用 @import 加载 css 的原因。 
  src 是 source 的缩写,src 的内容是页面必不可少的一部分,是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。例如:
<script src="script.js"></script>当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。
简而言之,src 用于替换当前元素;href 用于在当前文档和引用资源之间建立联系。
  5、相对路径:
     ./ 代表文件所在的目录(可以省略不写)如果写成image/background就相当于是在html文件下找image文件夹,当然是找不到的
    ../ 代表文件所在的父级目录
 ../../ 代表文件所在的父级目录的父级目录
      /代表文件所在的根目录
  6、没有内容的 HTML 元素被称为空元素。<br>
  7、html属性:属性总是以名称/值对的形式出现,比如:name="value"。适用于大多数 HTML 元素的属性:class  id  style  title
   H5新的全局属性:accesskey  class contenteditable contextmenu data dir draggable dropzone hidden id lang spellcheck style tabindex title translate
  8、注释的使用: html:<!-- 这是一个注释 -->
  9、块级元素:<p></p>
    行内元素:
  10、<sub>下标</sub>   <sup>上标</sup>   <b>粗体</b><strong>粗体</strong>粗体区别:strong 会重读,b 则不会。   <i>斜体</i> <em>斜体</em>
      计算机输出:<code>计算机输出</code>    <kbd>键盘输入</kbd>    <tt>打字机文本</tt>   <samp>计算机代码样本</samp>   <var>计算机变量</var>
      地址标签:<address>...</address>  缩略词标签:最好用<abbr></abbr>  <acronym><acronym>  颠倒文字顺序标签: <bdo dir="rtl"> </bdo>
      <del>删除标签</del>  <ins>插入标签</ins> <cite>引用</cite>  <q>引号引用</p>
      标签的完整英文:<b>---bold  <em>---emphasize  <i>---italic   <sub>---subscript   <sup>---superscript   <ins>---insert  <del>---delete  <kbd>---keyboard
<bdo>---Bi-Directional Override   <q>---quate  <dfn>---define
  11、HTML使用标签 <a>来设置超文本链接。在标签<a> 中使用了href属性来描述链接的地址。<a href="url">链接文本</a>
      使用 target 属性,你可以定义被链接的文档在何处显示。id 属性可用于创建一个 HTML 文档书签。<a id="tips">有用的提示部分</a>
      在进行邮件内容发送时,需要使用关键字:mailto  例如:<a href="mailto:zhangrr601@163.com?subject=这是邮件的主题&body=这是邮件的内容" rel="nofollow">发送邮件</a>
      在进行抄送时,需要使用关键字:cc 英文:Carbon Copy,   密送时,需要使用关键字:bcc 英文:Blind Carbon Copy 和抄送的唯一区别就是它能够让各个收件人无法查看到这封邮件同时还发送给了哪些人。
      抄送加密送:<a href="mailto:zhangrr601@163.com?cc=someone@163.com&bcc=somebody@163.com" rel="nofollow">发送邮件</a>
      <a href="http://www.runoob.com/" target="_blank" rel="noopener noreferrer">你好呀!</a>   其中,rel="noopener noreferrer"意思是不会打开其他的网站,因为恶意病毒可能会修改你的浏览器空白页地址。
      <base href="//www.runoob.com/images/" target="_blank">中的base属性,使用 <base> 定义页面中所有链接默认的链接目标地址。使用 <meta> 元素来描述HTML文档的描述,关键词,作者,字符集等。
      <meta> 标签作用:为搜索引擎定义关键词、为网页定义描述内容、定义网页作者、每30秒钟刷新当前页面。定义了HTML文档中的元数据。
  12、html引入css样式:内联样式- 在HTML元素中使用"style" 属性 :<p style="color:blue;margin-left:20px;">这是一个段落。</p>
                       内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS   例如:<head>  <style type="text/css">  body {background-color:yellow;} p {color:blue;} </style> </head>
                       外部引用 - 使用外部 CSS 文件  <head>  <link rel="stylesheet" type="text/css" href="mystyle.css">  </head>
  13、<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
      alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。
      <img>    定义图像  <map>    定义图像地图  <area>    定义图像地图中的可点击区域
  14、表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。
     表头<th>  表行<tr></tr> 单元格<td></td>   <caption>定义表格标题  <colgroup>    定义表格列的组  <col>    定义用于表格列的属性  <thead>    定义表格的页眉 <tbody>    定义表格的主体  <tfoot>    定义表格的页脚
     跨两列: colspan="2"    跨两行:rowspan="2"  表格单元格边距:<table border="1" cellpadding="10">
     漂亮的表格:https://c.runoob.com/codedemo/3187 有机会看
  15、有序列表:<ol><li></li><li></li></ol>  无序列表:<ul><li></li><li></li><ul>  自定义列表:<dl><dt><dd></dd></dt></dl>
    ul是unordered lists的缩写 (无序列表)   li是list item的缩写 (列表项目)  ol是ordered lists的缩写(有序列表)  dl是definition lists的英文缩写 (自定义列表)
    dt是definition term的缩写 (自定义列表组)  dd是definition description的缩写(自定义列表描述) nl是navigation lists的英文缩写 (导航列表)  tr是table row的缩写 (表格中的一行)
    th是table header cell的缩写 (表格中的表头)  td是table data cell的缩写 (表格中的一个单元格)
  16、块级元素(block):在浏览器显示时,通常已新行开始,例如:<p> <div> <ul> <table>    !!<div> 元素是块级元素,它可用于组合其他 HTML 元素的容器。
      内联元素(inline):在显示时通常不会以新行开始。 实例: <b>, <td>, <a>, <img>      !! <span> 元素是内联元素,可用作文本的容器
  17、html表单,用于收集不同类型的用户输入。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
     多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。有 text password radio checkbox submit
     简单的下拉列表: <form><select><option>北京</option><option>上海</option><option selected>广州</option></select></form>  selected代表预先选中。
  18、颜色:HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB),最小值是0,最大值是255.
      RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了 “alpha” 通道,运行对颜色值设置透明度。rgba(255,255,0,.5) 可以实现设置颜色透明度的功能,这里的 .5 表示透明度,范围 0~1,0 表示全透明。
      颜色名:141个颜色名称 red green black blue AntiqueWhite 颜色由红(R)、绿(G)、蓝(B)组成。#000000(黑色)
  19、html脚本:<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>   
      URL  统一资源定位器(Uniform Resource Locators)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值