学习之HTML

1)Trident引擎就是IE的WebBrowser控件,非IE核心的浏览器用WebKit引擎

2)静态页面:一个html页面保存在服务器上

动态页面:服务器动态生成的HTML页面发给浏览器

3)HTML中属性值可以用单引号,也可以用双引号

4)格式标签:<p></p>创建段落,<br/>回车(可以不关闭,与XML区别)

5)特殊字符:&lt;-小于号,&gt;-大于号,&nbsp;-空格

6)注释:<!--*****-->

7)W3C页面可以用来校验html的正确性、是否符合规范

8)<pre></pre>可以按原本的文本形式进行输出,可以正常显示空格

9)回车只是换行,而段落之间会有较大的空白

10)../image/pic.jpg-----父目录

/image/pic.jpg-----根目录

../ ../image/pic.jpg-----父目录的父目录

image/pic.jpg-----当前目录

11)<a>的target属性设定为“_blank”就可以在新窗口中打开超链接

12)<a name=”hre”>+href属性,用于超链接

13)img中最好指定width、height,哪怕图片没有加载完成,也会先把位置占上

图片的缩略图的实现,不能仅仅通过width、height设置。应该用PS等工具将原大图按百分比进行缩略处理,在项目中同时有大图和小图两个

14)网站与服务器通讯:表单

15)<form>为表单标签,若要把数据提交到服务器,则需要将<input><textarea><select>等表单元素放到form中

16)<input>是主要的表单元素,通过type设置类型为submit、button、checkbox、file、hidden、image、password、radio、reset、text

//submit:点击submit按钮,表单就会被提交给服务器,IE默认按钮文本为“提交查询”,通过设置value修改

//text:size控件大小,value控件文本,maxlength控件中文本最大长度(最大为50),readonly=”readonly”只读(也可以只写readonly,不推荐)

//checkbox:checked=”checked”显示选中状态(也可只写checked,不推荐)

//radio:同一组radio用name进行分组,组内选中状态才可以互斥,组间不会互相影响

//file:form的enctype属性设置为multipart/form-data、method属性为post时,file才能提交服务器

//image:使用src属性指定图片地址,可用来实现美化的“登录按钮”

17)<select>标签用来创建类似winform的combobox或listbox(通过size大小来区分是哪个,size的值为显示出来的列表数量,大于1为listbox,或设置select的multiple属性)

<select>的每一项用<option>,项的值(索引值,而非文本值)属性为value,默认选中属性<option
selected=”selected”>(可以同时对多项进行此设置),value=”-1”时表      
 示该项不选择

<select>分组还可以用optgroup,label用来设置组的标题,标题不可以被选中

18)<textarea>中,cols和rows用来设置列行

19)<hr/>:打横线

20)<label>for=”name”表示为id=name的控件服务,用来实现点击一个文本时使光标锁定到用户要操作的位置

21)<fieldset>类似于winform的groupbox,legend标签用来设置标题,里面用input标签填充其它类型的控件

22)CSS层叠样式表之style样式

  (1)在某个元素上直接设置style样式

    在元素的style内设置background-color项等样式信息

  (2)页面嵌入

    Head标签中写style标签,设置type=”text/css”,内容位置编辑input{}p{}等,设置样式,在body中的input等标签里用type=”text”引用CSS

  (3)引用CSS文件

    Head中建link标签,type=”text/css”, rel=”stylesheet”,
href=”css1.css”;body中用type引用CSS

  //换肤效果:引用两个CSS文件,进行切换

23)层:div,把一对内容打包进行整体移动、隐藏等操作,类似于panel

块:span,同为打包,并能同标签外的文本同行显示,而div单独占据一行,标签前后的文本与标签分行显示

   //div是将内容放到一个矩形的区块中,会影响布局,而span只是把一段内容定义成一个整体进行操作,但不应该布局、显示

24)常见style样式:

  (1)    css计量单位:px像素,30%百分比,em相对单位

  (2)    background-color

  (3)   
border-style(默认无边框),border-color,border-width(默认为0)

  (4)   
display,元素是否显示:none,block块级元素(类似于div),inline内联元素(类似于span)

  (5)   
cursor,鼠标在元素上显示的光标图标,cursor(默认),pointer,text,walt,help

      //设置个性图标时,元素的样式中cursor:url(sth.ani);

      //.ani或者.cur格式的文件才可以如上设置

  (6)    li不显示圆点:LIST-STYLE-TYPE:none,用于li或ul上

25)<u></u>用来对文本添加下划线

26)样式选择器:标签选择器,class选择器,id选择器

  (1)标签选择器:input{border-color:yellow},则所有input元素都会采用此样式

  (2)class选择器:在<style>内声明name{background:yellow},在body的元素中用class=”name”进行引用

  注:标签+class选择器:input.name{}label.name{},实现了不同标签下同名class的不同样式

  (3)id选择器:head的style中定义#idname{},body中<input
id=”idname” class=”name” type=”text” value=”…”/>

27)关联选择器:P strong{},表示P标签内的strong标签内的样式

28)组合选择器:H1,H2,input{},同时为多个标签设定一个样式

29)伪选择器:为标签的不同状态设定不同的样式,visited超链接点击过的样式,active选中超链接的样式,link超链接未访问的样式,hover鼠标移到超链接的样式

        A:visited/active/link/hover{TEXT-DECORATION:none/underline}

30)设置超链接样式:在head中创建link标签,在link标签中设置样式

学习之HTML,布布扣,bubuko.com

时间: 2024-12-19 07:31:39

学习之HTML的相关文章

Vue.js学习笔记:属性绑定 v-bind

v-bind  主要用于属性绑定,Vue官方提供了一个简写方式 :bind,例如: <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a> 绑定HTML Class 一.对象语法: 我们可以给v-bind:class 一个对象,以动态地切换class.注意:v-bind:class指令可以与普通的class特

Java多线程学习(吐血超详细总结)

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 目录(?)[-] 一扩展javalangThread类 二实现javalangRunnable接口 三Thread和Runnable的区别 四线程状态转换 五线程调度 六常用函数说明 使用方式 为什么要用join方法 七常见线程名词解释 八线程同步 九线程数据传递 本文主要讲了java中多线程的使用方法.线程同步.线程数据传递.线程状态及相应的一些线程函数用法.概述等. 首先讲一下进程和线程

微信小程序学习总结(2)------- 之for循环,绑定点击事件

最近公司有小程序的项目,本人有幸参与其中,一个项目做下来感觉受益匪浅,与大家做下分享,欢迎沟通交流互相学习. 先说一下此次项目本人体会较深的几个关键点:微信地图.用户静默授权.用户弹窗授权.微信充值等等. 言归正传,今天分享我遇到的关于wx:for循环绑定数据的一个tips:  1. 想必大家的都知道wx:for,如下就不用我啰嗦了: <view class="myNew" wx:for="{{list}}">{{item.title}}<view

【安全牛学习笔记】

弱点扫描 ╋━━━━━━━━━━━━━━━━━━━━╋ ┃发现弱点                                ┃ ┃发现漏洞                                ┃ ┃  基于端口五福扫描结果版本信息(速度慢)┃ ┃  搜索已公开的漏洞数据库(数量大)      ┃ ┃  使用弱点扫描器实现漏洞管理            ┃ ╋━━━━━━━━━━━━━━━━━━━━╋ [email protected]:~# searchsploit Usage:

winform学习日志(二十三)---------------socket(TCP)发送文件

一:由于在上一个随笔的基础之上拓展的所以直接上代码,客户端: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Net.Sockets; using Sys

零基础的人该怎么学习JAVA

对于JAVA有所兴趣但又是零基础的人,该如何学习JAVA呢?对于想要学习开发技术的学子来说找到一个合适自己的培训机构是非常难的事情,在选择的过程中总是 因为这样或那样的问题让你犹豫不决,阻碍你前进的步伐,今天就让小编为您推荐培训机构新起之秀--乐橙谷Java培训机构,助力你成就好未来. 选择java培训就到乐橙谷 北京有什么好的Java培训机构?来乐橙谷北京学Java,零基础走起,乐橙谷Java基础班授课老师经验非常丰富,课程内容安排合理,适合于有一点点Java基础甚至一点都不会Java的同学学

最全解析如何正确学习JavaScript指南,必看!

划重点 鉴于时不时,有同学私信问我:怎么学前端的问题.这里统一回复一下,如下次再遇到问我此问题同学,就直接把本文链接地址发给你了. "前端怎么学"应该因人而异,别人的方法未必适合自己.就说说我的学习方法吧:我把大部分时间放在学习js上了.因为这个js的学习曲线,先平后陡.项目实践和练习啥的,我不说了,主要说下工作之外的时间利用问题.我是怎么学的呢,看书,分析源码.个人这几天统计了一下,前端书籍目前看了50多本吧,大部分都是js的.市面上的书基本,差不多都看过. 第一个问题:看书有啥好处

轻松学习C语言编程的秘诀:总结+灵感

目前在准备一套C语言的学习教程,所以我这里就以C语言编程的学习来讲.注意,讲的是"轻松学习",那种不注重方法,拼命玩命的方式也有其效果,但不是我提倡的.我讲究的是在方式方法对头.适合你.减轻你学习负担和心里压力的前提下,才适当的抓紧时间. 因此,探索一种很好的学习方法就是我所研究的主要内容. 众所周知,学习C语言并非易事,要学好它更是难上加难.这和你期末考试背会几个题目的答案考上满分没多大关系,也就是说你考试满分也说明不了你学好.学精通了C语言.那么怎么才算学精通C语言?闭着眼睛对自己

开始我的Python爬虫学习之路

因为工作需要经常收集一些数据,我就想通过学爬虫来实现自动化完成比较重复的任务. 目前我Python的状况,跟着敲了几个教程,也算是懂点基础,具体比较深入的知识,是打算从做项目中慢慢去了解学习. 我是觉得如果一开始就钻细节的话,是很容易受到打击而放弃的,做点小项目让自己获得点成就感路才更容易更有信心走下去. 反正遇到不懂的就多查多问就对了. 知乎上看了很多关于入门Python爬虫的问答,给自己总结出了大概的学习方向. 基础: HTML&CSS,JOSN,HTTP协议(这些要了解,不太需要精通) R

javaweb学习纲要

Java Web  概述 大纲: 1.C/S体系结构 2.B/S体系机构 3.两种体系结构比较 4.主流的Web程序应用平台 5.java web学习路线图 1.C/S体系结构 C/S是Client/Server的缩写,即客户端/服务器结构.在这种结构中,服务器通常采用高性能的PC机或工作站,并采用大型数据库系统(如Oracle或SQL Server),客户端则需要安装专用的客户端软件,如下图所示.这种结构可以充分利用两端硬件环境的优势,将任务合理分配到客户端和服务,从而降低了系统的通讯开销.在