首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >2018年9月3日初识HTML超文本标记语言

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

作者头像
武军超
发布2018-09-27 11:17:14
1.5K0
发布2018-09-27 11:17:14
举报

今天遇到的新单词: 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>

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年09月03日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据保险箱
数据保险箱(Cloud Data Coffer Service,CDCS)为您提供更高安全系数的企业核心数据存储服务。您可以通过自定义过期天数的方法删除数据,避免误删带来的损害,还可以将数据跨地域存储,防止一些不可抗因素导致的数据丢失。数据保险箱支持通过控制台、API 等多样化方式快速简单接入,实现海量数据的存储管理。您可以使用数据保险箱对文件数据进行上传、下载,最终实现数据的安全存储和提取。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档