2018年9月3日初识HTML超文本标记语言

今天遇到的新单词： paragraph n段落

javascript原名livescript,简称（js）,因为当时公司和sun公司合作，为了营销考虑，让它看起来更像当时 特别火热的java，所以更名为javascript,微软因为收购不成功，挖走研发人员，重新写了一个 名为jscript,javascript为了成为业内标准，向ISO申请，ISO未采纳javascrip名字，推出了 ECMAscript标准，javascript符合ECMA标准。

html是超文本标记语言 ，Javascript是脚本语言 html用于编写静态页面；Javascript可以嵌套在html里，实现一些特效和动态功能

软件分为三部分： 界面：软件界面 数据处理：软件核心 数据存储：数据库

**********************************************************

HTML中常用的标签： <h1></h1>:标题标签，范围是h1到h6,常用的是h1到h3 <p></p>：段落标签 <br/>：换行标签 &nbsp;：空格标签 <i></i>：使字体变斜的标签，和<em></em>标签一样，i用于缩略图，em用于小图标 <b></b>: 使字体加粗，和<strong></strong>标签效果一样 <u></u>: 在字体下面加下划线 <del></del>: 在选中的文本上划一横线 <!-- -->: 注释标签 <hr>: 分割线标签 <span style="color:red;"></span>span标签是选中指定的文本，选中不会产生什么变化，加属性才会产生变化

img标签添加图片：样式中给属性赋值是直接用：，不是= <img src="图片相对地址" style="width:150px;heitht:150px;" alt="这是一张图片"/>

video标签用于添加视频： <video  controls src="视频相对地址" style="width:150px; height:150px;"></video>

audio标签用于添加音频： <audio controls src="音频相对地址" ></audio>

***************************************************************** HTML中的表格： 1.普通表格，带边框，通过修改属性值的方式调节表格大小，表格和单元格的大小都进行了修改，不能精确控制 <table border="1" width="200px" height="100px">         <tr>             <td>1,1</td>             <td>1,2</td>             <td>1,3</td>         </tr>     。。。。。。

<h2>2.普通表格，带边框，通过样式控制调节表格的大小,会看到只在表格的外边框进行了设置，里面的单元格大小没有设置</h2> <h3>但是可以单独设置每一个单元格的属性，这样控制更加精确，注意：在样式里面，所有的属性赋值都是用的冒号：，不是等号=</h3> <table style="border:solid 1px #888; width:200px; height:100px">         <tr >             <td >1,1</td>             <td>1,2</td>             <td>1,3</td>         </tr>     。。。。。

<h2>3.面试中会问到的表格的跨行和跨列，跨行：并不是真正的实现跨行，实质是把下面一行的所有单元格往后边挪了一格</h2> <h2>表格的跨列：并不是真正的跨列，只是把第二列单元格往后边挪了一列</h2> rowspan跨行， colspan跨列 <table border="1" width="200px" >

        <tr>     <!-- rowspan跨行：表示当前单元格占用几行的空间 -->             <td rowspan="2">1,1</td>             <td>1,2</td>             <td>1,3</td>         </tr>         <tr>             <td>2,1</td>             <td>2,2</td>             <!--<td>2,3</td>-->         </tr>         <tr>    <!-- colspan跨列：表示当前单元格占用几列的空间 -->             <td>3,1</td>             <td colspan="2">3,2</td>             <!--<td>3,3</td>-->       <!-- 这句如果不注释的话，跨列会将该列往后边挤一格单元格-->         </tr>

<h2>4.快速生成表格的方法： talle>tr*4>td{单元格内的内容}*4， 然后按tab键自动生成想要的规格的表格</h2> <h2>可以使用table[border="1"]表示自动生成的表格外框是实线</h2>

*************************************************************************** 超链接练习：

超链接分为：链接外部网站， 链接当前网页部分内容，链接邮箱发送 <!-- 超链接链接外部网站直接写外部地址就可以了，链接网页内部的名字，需要在内部链接的名字前面加上#号--> <!-- 网页内部的连接称为锚链接，要用name定义锚点,链接的时候要在锚点名字前面加上#号--> <a name="c1">第一章：青云</a>    #定义锚点 <a href="#menu">返回首页</a>     #链接网页内部的地址 <p></p>                          #该锚点下的内容

通过内部链接：可以实现从本网页的一个位置链接到其他任何位置

链接邮件发送的语句：<a href="mailto:150594859@qq.com">点击此处给站长发邮件</a>

*********************************************************************************** HTML中的列表分为：1.ul无序列表，2.ol有序列表，3.dl说明列表|图文混排列表

<h2>1.ul无序列表<small>没有顺序的列表</small></h2> <h4>列表内各项信息前面有一个黑点</h4> <ul>     <li>python</li>     <li>java</li>     <li>php</li>     <li>c</li>     <li>c++</li>     <li>c#</li> </ul>

<h2>2.ol有序列表，可以指定顺序的类型A，a, 1,也可以指定从哪个位置开始</h2> <h4>有序列表：<small>附带序号的标签</small></h4> <ol type="A" start="3">     <li>高等数学</li>     <li>大学英语</li>     <li>线性代数</li>     <li>复变函数</li>     <li>概率论</li>     <li>离散数学</li> </ol>

<h2>3.dl说明列表|图文混排列表</h2> <dl>     <dt>标题1</dt>     <dd>内容1内容1内容1内容1内容1内容1</dd>     <dt>标题2</dt>     <dd>内容2内容2内容2内容2内容2内容2</dd>     <dt>标题3</dt>     <dd>内容3内容3内容3内容3内容3内容3</dd>     <dt>标题4</dt>     <dd>内容4内容4内容4内容4内容4内容4</dd> </dl>