文档章节

HTML基础

僵小蛋
 僵小蛋
发布于 2017/07/10 15:46
字数 1152
阅读 4
收藏 0

HTML笔记

(1).计算机语言的概念

         计算机采用二进制来识别信息,由0和1组成,人通过二进制和计算机交流,也就是机器语言。由于机器语言难理解,所以将“0 1 ”符号化,形成易于理解的汇编语言。计算机语言和汇编语言都属于低级语言,但对于非专业人员还是难于理解,进而产生了高级语言[W用1] ,

(2).标记语言的概念

         文本文件:只有文本内容,没有任何格式。例:在记事本中设置相应的内容格式,但在其他的设备上打开,只有内容,并没有任何的格式;在Word文档里输入同样的内容和设置相同的格式,在其他的设备上看道的是完全相同的内容和格式。用解压缩软件打开word文档,可以发现文档中除了存储内容,还有格式等信息(document.xml),ml就是标记语言的缩写。即将所学的HTML也是一种标记语言。即超文本标记语言(HyperText Markup Language).

        超文本:不仅仅能表示文本信息,还能表示音视频 、格式等信息。

 [W用1]用类似英语加数学的符号来描述,最大程度屏蔽机器特性,使得程序的阅读和编制变得越来越容易。

(3)HTML基本结构  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--head部分主要做一些设置工作,比如字符集、标题-->
<head>
    <meta charset="UTF-8">
    <title>Body</title>
   <style>
      a{
         text-decoration: none;
      }
   </style>
</head>
<!--文档的主题部分,呈现给用户的信息-->
<body>
   <h2>思乡</h2>
   <p>床前明月光,</p>
   <p>疑是地上霜。</p>
   <p>举头望明月,</p>
   <p>低头思故乡。</p>
   <a href="E101-01-03.html/#ietm7" target="_blank">第七回</a>
</body>
</html>

 注释:快捷键:ctrl+/;形式:<!---->; 作用:对代码进行说明,方便程序员阅读和理解。注释对于计算机的执行结果没有任何影响; 注释非常重要,代     码正确是前提,但清晰也是一个非常重要的原则,程序员需要养成注释的好习惯。

(4)基础标签

        形式: <标签名></标签名>

<2.1>标题标签:标题标签用于显示页面的标题信息,既包含了格式信息,同时提供了语义信息     具体形式:<h1></h1> ——<h6></h6>    (标题标签自带加粗效果)

<2.2>段落标签:段落标签标示页面的一个段落,自动换行。  标签名:<p></p>

        例子:

 <p>床前明月光,</p>
 <p>疑是地上霜。</p>
 <p>举头望明月,</p>
 <p>低头思故乡。</p>

 

<2.3>链接标签:用于点击跳转  包括页内跳转和页间跳转    标签名:<a></a>     属性:href——值为链接的url地址;  target——值为“_blank/_self/_parent/_top”“在新窗口打开/在当前页打开/在父框架集中打开被链接文档/在整个窗口中打开被链接文档” title——当鼠标移入超链接,显示提示信息(不限于超链接,其他行内标签也可使用);

 例子:<a href="www.cainiao.com" target="_blank" title="我很帅"></a>

使用a的name属性实现跳转的方法:

      先需要被跳转到的地方放一个锚点。锚点其实也是一个a标签,只是这个a标签没有href属性,只有name属性,这个name属性就是它的标识,别人要跳转过来,就是按照这个标识。

   <p><a name="item">第八回合:王司徒巧设连环计,董太师大闹凤仪亭</a></p>  ————————这是被跳转的内容

     <a href="#item">第八回合</a> ————————点击跳转

<2.4>图片标签:在网页中插入并显示图片     标签名:<img src=""/>      属性:src——图片的源地址即url     width——值为图片的宽度,可自由设置    height——值为图片高度,可自由设置大小。alt——当图片不能正常加载的时候在网页显示的图片提示信息。

  例:<img src="../img/1.jpg" height="360" width="480" alt="这是一张图片">

<2.5>其他标签:<span></span>: 可以将部分文本独立出来;  <br>:换行标签;  <strong></strong>:加粗文本;   <i></i>:倾斜文本; <hr />:一条横线;<sub></sub>:上标; <sup></sup>: 下标;  <code></code>:  用于表示计算机源代码或者其他机器可以阅读的文本内容。

<base>:   设置页面的基准地址,从而简化地址的书写;

(之后会持续更新········)

    • HTML基础知识

© 著作权归作者所有

上一篇: 博客搬家
僵小蛋
粉丝 0
博文 10
码字总数 8653
作品 0
九江
程序员
私信 提问

暂无文章

thinkcmf 渗透测试漏洞修复解决方案

近段时间发现很多APP程序用的是thinkcmf,此程序源码存在getshell漏洞,我们Sine安全紧急对此高危漏洞进行了分析和漏洞修复,攻击者可以通过构造特定的请求包get请求即可在远程服务器上执行任意...

网站安全
28分钟前
6
0
MySQL的IP地址与数字互转原理

一、inet_aton与inet_ntoa inet_aton是把ip地址转为数字的函数,记忆小技巧,inet表示网络相关,在c语言中a习惯性代表字符串,to就是转换的,n代表数字,aton就是字符串转数字,同理inet_nt...

trayvon
40分钟前
6
0
【翻译】全新16英寸MacBook Pro评测:开发人员的梦想成真

要问现在适合开发者用的笔记本,市面上还是有很多选择的,比如Dell的XPS系列,外星人系列(游戏也是杠杠滴),联想拯救者系列,还有形形色色的高配机型,价格也从几千到几万不等。 但是,笔吧...

Dimple91
41分钟前
8
0
IT兄弟连 HTML5教程 CSS3属性特效 CSS3分栏布局

CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示。我们知道,当一行文字太长时,读者读起来就比较费劲...

老码农的一亩三分地
57分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部