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

最新推荐文章于 2023-11-09 20:36:47 发布

WilliamMaxWu

最新推荐文章于 2023-11-09 20:36:47 发布

阅读量194

点赞数

本文链接：https://blog.csdn.net/qq_40994972/article/details/82356423

版权

今天遇到的新单词：
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/>：换行标签
 ：空格标签
<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" >

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

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

超链接分为：链接外部网站，链接当前网页部分内容，链接邮箱发送


<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>