• HTML 笔记


    一:什么是浏览器       

     浏览器就是接收浏览者的操作(打开一个网址,或点一个链接)然后浏览者去
    Web服务器请求网页内容,然后展现成人眼能够看的懂的可视化页面的软件。
    IE并非就是浏览器它只是其中的一种还有Firefox,Opere和goole的Chrome而所谓的邀游Maxthon 世界之窗还有搜狗360啦都不是自己的内核而是IE内核加上了自己的外壳用了WebBrowser控件Trident微软的IE内核 与webkit苹果的引擎火狐的内核为Gecko。

    二:HTML与XML;CSS;Javascript区别:

    1)HTML 与XHTML是用与解释Web页面的结构。它们用于指明哪些文本作为题头。段落的起始位置和结束在何处,哪些图像应当出现在文档中,以及指定不同页面之间的链接,故不应将HTML 与XHTML 看作是两个独立的语言。而应将XHTML 看成是HTML的最新版本非常相似的语言

    2)

    而CSS是用于控制文档的外观。如可以使用CSS指定字型应该大点还是小点 粗本的或是指定页面的背景应该是什么颜色。

    3)而JavaScript 可以在创建的Web页面上添加交互性,并且可以操作显示Web页面的浏览器。

    三:一些有关html概念:

    标签 是指如后的<html> 而元素是指的标签以及起始标签与结束标签间的文本组成如后——<head><title> Popular Websites: Google</title></head>
    注意XHTML标签只能以小写字母编写。当用其编写Web时主要有下两部分一头即<head>  </head>以及之间的内容它不显示在浏览器的主窗口而是窗口的左上角包括页面的标题和描太空或搜索引擎用于索引页面用关键字而【body】——是主体它包含人们在浏览器主窗口中实际看到信息
    Web文档和普通文档的区别在于链接,利用链接可以从一个站点转向另一个页面。其方法是用<a>元素 a 是anchor简写——锚定目标意思可以如下
    <p><a href="http://www.Google.com/"></a></p>
    若要想打开的链接在另外的页面中打开可以在<a>中加上它的target 目标靶子意思。属性设为_blank ——空白如果要用到ComboBox ListBox 就要在 <form>中的select 中有个属性size如下它大于一就是ListBox  若不说明它就是ComboBox
    <select >
    <optgroup>
    <option></option>
    <option></option>
    </optgroup>
    </select>
    <textarea rols="111" rows="50"></textarea>创一个有多少行多少列的文本框
    在表单中创的记事本或什么任意对象时可以用<label for="idname">姓名</label> <input type="checkbox" value=花花/>

    div是将内容放到一个矩形的区块中,会影响布局。而span只是把一段内容定义成一个整体进行操作,但不应该布局显示也就是说div中是其内容占独立的一行与其前后内容是分开的而span是与内容紧挨在一块的
    DHTML ——就是css+javascript+dom   javascript->dom 就相当于是C#-》.net framwork

    由此可以看出一个元素可以有多个属性但是不能有两个同名的属性。
    XMl声明如下【<?xml version="1.0"encoding="UTF-8"?>】它必须在文档的起始位置,并且其前面不能有任何内容,甚至不能有空格。而后面的encoding 属性指明文档中使用的编码方式 encoding是【character encoding】
    XHTML 的版本如下
    【transitional XHTML 1.0】过渡期
    【Strict XHTML 1.0】——严格的版本
    【Frameset XHTML 1.0】——框架集的
    所以在每个XHTML页面应当以一个DOCTYPE声明开始,以告诉浏览器该页面中使用的xhtml的版本即document type 吧它要在<html>标签之前但是它位于XML的声明之后。
    对DOCTYPE 的声明如下
    对于DOCTYPE 的声明如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml/DTD/xhtmll-strict.dtd">
    <!DOCTYPE html PUBLIC "-W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd">

    属性位于元素的起始标签 中,并为附带它们的元素提供额外的信息。所有的属性均由名称和值组成;
    一【核心属性:class,id,title,style】——又分为四个如下一:id可用于任意的元素来唯一的标识元素如为区分 两个段落可以<p id="p1">This paragraph explains the role of the accounts</P>
    <p id="p2">This paragraph explains the role of the sales department.</p>值得注意的是任意两个ID不可以有相同的值;然而class属性是用来标识元素属于特定的元素类的
    二【国际化属性:dir——用来指定文本在浏览器中的显示方向。当要指定整处文档的方向性时就当在<html>中而不是在body中其值有(ltr即左到右与rtl),lang xml:lang】
    三【UI 事件:与如下事件关联的属性: onclick ,onsoubleclick .onmousedown,onmouseup,onmouseover ,onmousemove.onmouseout.onkeypress.onkeydown ,onkeyup】利用UI事件属性可以将事件与脚本相关联。如当某人将鼠标指针移动到某特定元素的内容 上时,可能使用现代战争脚 本改变内容 的 颜色。
    在文档中有多个空格或各行中有N个空格时都会只显出一个这正好可以在不同的一般是子元素向左缩进从面与父元素加以区分若要使用空格要用到<pre>或&nbsp
    属性align 排列意思
    当使用<P>元素时当浏览器显示段落时,它通常在下一个段落之前加入一个新行,并且 添加一个段额外的坚空间,要想在其中的内容中添加一个换行可以使用<br/>标记
    而若想在文本到达浏览器的边蜀时,不期望它换行:即不希望忽略多个空格dmj希望文本在放置换行符的位置换 行。<b>是使字加组与<strong>具有相同的作用<i>——即Italic 斜体意思而<u>是加下划线underlined 差不多被淘汰了<s>删除线它为strike 'shorter style
    <br/> 回车 这也正是HTML 与XML区别所在前者是可以不闭合的而后者是不允许的 <img scr="1.jpg"/>且在html 中属性的值是可以用单引号或双引号或干脆不用直接写就可以的但单双要配对还有些特殊字符 &lt【小于即 less than】&gt【大于greater than】&nbsp【空格 no-break space】<br/>与<p></p>区别是前者在两行间没有空白而在后者中是有空白的因为正常的书中在两段之间的距离当然要比两行间的距离要大些了!<center> 居中显示</center>
    相对URL  "/表示网站根目录" “../表示父目录”而用./或者什么也不写的话就是默认的当前路径的目录。<ul> 【无序的 unordered list】ol——【有序的 ordered list】
    <table>  <tr> <td>  后两个都有aling 属性即对齐方式吗

    而<tt>元素的内容以等宽字体显示。<sup>为上标元素符它会使其内容在其前的上标上但有时会使行行间有较大距离

    四:有关CSS:

     一:有内联式<textarea cols="100"rows="10"style="background-color:Yellow;border-color:Red;">
    二:页面嵌入式 【就是在<head></head>标签中加入<style type="text/css">
        input{background-color:Red;border-color:Green}
        p{color:blue}
        </style>】
    三是:外部引用方式 一般都是用第三种但是当本页面所特有的时就用页面嵌入式而当是个别的元素特有时就要用到内联式

  • 相关阅读:
    C++ | 继承(基类,父类,超类),(派生类,子类)
    C++ std::pair的用法
    派生类构造函数和多重继承的二义性问题
    C++vector and opencv Mat
    C++中union的使用方法
    C++中数组作为形参的方法
    在Python中使用OpenCV(CV2)对图像进行边缘检测
    你可能会用到的一些小程序效果、工具
    AI口算批改、练习小程序
    拍照搜题小程序
  • 原文地址:https://www.cnblogs.com/haofaner/p/Html.html
Copyright © 2020-2023  润新知