20150916html前端部分

1、html(超文本标记语言)结构:

<html>   <head>     <title>标题</title>   </head>   <body>     主体     </body> </html>

2、版面控制标记:

  换行:<br/>

  段落:<p></p>

  水平线:<hr>  (  粗细: size; 宽度:width; 水平位置:align; 颜色:color  )

  空格:&nbsp;

  居中:center

3、标题文字:

  标题:<hn></hn>

  文字:粗体 b; 斜体 i; 下划线 u; 删除线 s; 上标 sup; 下标sub

4、body标签属性:

  背景颜色:bgcolor

  背景图片:background

  文字颜色:text

5、列表:

(1)有序列表:     <ol>       <li>编号1</li>

      <li>编号2</li>     </ol>    

    编号形式:type=1 或 a 或 A 或 i 或 I

    开始序号:start=n(只能是数字)

(2)无序列表:     <ul>       <li>项目符号</li>

      <li>项目符号</li>     </ul>

    符号形式:type=circle(圆圈) 或 disc(点) 或 square(方框)

    去掉前面的符号:list-style-type:none;

  (3)列表嵌套的正确写法

    <ul>

      <li>选项1</li>

      <li>选项2

        <ol>

          <li>选项2-1</li>

          <li>选项2-2</li>

        </ol>

      </li>

    </ul>

    PS:请注意,当“选项2”内部有嵌套表格时,它后面的</li>并不是直接写在“选项2”后面,而是写在它内部嵌套表格的后面!

6、表格:

  (1)表格布局:    

    <table>

    <caption>表格标题</caption>

      <tr><th>表头1</th><th>表头2</th></tr>

      <tr><td>列表1</td><td>列表2</td></tr>

    </table>

  (2)表格属性:width、height、border、cellspacing、cellpadding、bordercolor、bgcolor、align

           宽   高   边框  内框宽度  文字到边框距离 边框颜色  背景色 水平位置

  (3)行列属性:

    高:height; 框颜色:bordercolor; 背景色:bgcolor; 水平对齐:align; 垂直对齐:valign

  (4)跨行跨列:

    跨行:rowspan

    跨列:colspan

  (5)表格标题:

    <caption align=top或bottom>,位于表格上方或下方

    

7、图片:

  图片标记:<img src="图片路径" >

  图片属性:高度:height; 宽度:width; 边框宽度:border; 优先读低分辨率图:lowsrc; 文字标注:alt

8、绝对路径&相对路径:

  绝对路径: http://www.cnblogs.com/ 或 D:\360Downloads

  相对路径:   ../../a/b.jpg

  

9、超链接:

  <a href="超链接地址">文字或图片</a>

  1、空链接:<a href="JavaScript:;"></a>

    空链接与其它各类链接的区别: 

    href="JavaScript:;"   同 href="javascript:void(0);" ,空链接,点击不会有任何跳转

    href="#"        同#top,点击回到顶部,页面不刷新

    href=" "         点击后刷新并回到顶部

    href="/"         点击跳转到上一级目录

  2、链接打开窗口:

    _blank      在新窗口打开     _parent    在父级窗口打开     _self        在当前窗口打开     _top        返回信息显示在顶级浏览器窗口中

时间: 2025-01-17 13:59:52

20150916html前端部分的相关文章

前端自动化之webstrom

在刚接触前端的时候,使用的就一直是webstrom,版本是webstrom 8. 前端自动画使用的时候,因为webstrom 8版本是没有集成gulp的.所以每次使用都默默跑到Hbuild中使用. 实际最近在webstrom 12中找到了简单的方法,就连cmd都省了. 上图: 在gulp的gulpfile.js文件上右击,点击Show Gulp Tasks 会弹出gulp的控制窗口: 然后右键服务,点击run即可.

Day12 前端html

前端基础之HTML 老师博客: http://www.cnblogs.com/yuanchenqi/articles/6835654.html http://www.cnblogs.com/yuanchenqi/articles/6856399.html html:静态的内容都是一个html标签,是有一组组标签构成的文件 css:对一个个标签做渲染定位 js:所有页面的动态效果做渲染定位 当写一个简单服务端的时候,一般这样写: 主要的是这:conn.send=("HTTP/1.1 201 OK

前端里移动端到底比pc端多哪些知识?

前端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何? 我做过几年的web前端开发,就简单谈谈自己的感受吧. 首先来看看PC端和移动端在前端开发上的一些区别: (1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化: (2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一些规律要多摸索一下,

一张图掌握移动Web前端所有技术(大前端、工程化、预编译、自动化)

你要的移动web前端都在这里! 大前端方向:移动Web前端.Native客户端.Node.js. 大前端框架:React.Vue.js.Koa 跨终端技术:HTML 5.CSS 3.JavaScript 跨平台框架:React Native.Cordova 前端工程化:Grunt.Gulp.Webpack 前端预编译:Babel.Sass.Less 自动化测试:Jasmine.Mocha.Karma 一图在手,应有尽有! 更多信息参考:https://item.jd.com/12170351.h

C#开发微信门户及应用(47) - 整合Web API、微信后台管理及前端微信小程序的应用方案

在微信开发中,我一直强调需要建立一个比较统一的Web API接口体系,以便实现数据的集中化,这样我们在常规的Web业务系统,Winform业务系统.微信应用.微信小程序.APP等方面,都可以直接调用基于JSON数据格式的Web API接口,在我之前的几篇随笔中,对这方面都有一定的介绍,本篇继续这个主题,细致深入的阐述如何在接口和源码的基础上整合Web API.微信后台管理及前端微信小程序的应用方案. 1.基于Web API的微信开发框架 首先我们各个业务模块,都应该围绕着Web API进行展开,

前端页面适配的rem换算

为什么要使用rem 之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale). 例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推. 但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊. Px是相对固定单位,字号大小直接被定死,所以用户无法根据自己设置的浏览器字号而缩放,em和rem虽然都是相对单位,但em是相对于它的父元素的font-size,页面层级越深,em的换算就越复杂,而rem是直接相对于根元素,这就避开了

一个前端所需具备的PS能力

前端网页设计+静态实现案例 放一个2天半内给某公司完成的(设计 + 静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.html,我最开始设计的时候就想好要用什么实现,各个框的大小是多少(精确到1像素),以及颜色搭配等等. 还有很多素材我就不演示了,设计了好些网页模板,如果有大家想用PS进行网页制作,欢迎大家交流. 很多人做前端只是掌握了最基本的切图(甚至连切图都有不会的),就连小小改动都要麻烦设计师,这就大大浪费了时间

分享第二届中国前端开发者大会与会心得

第二届中国前端开发者大会(FDCon2017)是在上海举办的针对前端技术(HTML5,CSS,JS)的互联网开发者所举办的最盛大和权威的相关技术会议,由技术社区TopGeek主办.汇智Tek联合主办,致力于推动各类前端技术等在移动互联网领域的研发和应用. 随着新一代的前端技术的发展,给前端开发者带来巨大的创新应用实践机会,本大会以“高效前端开发实践和创新”为主题,内容涵盖电商.旅游.门户.搜索.分类广告.移动互联网等多种业态的技术经验分享,涉及各种WEB和APP前端开发技术和架构设计等方法论.

前端开发四

7.闭包问题 闭包:函数能被外部调用到,则该作用连上的所有变量都会被保存下来. 作用:①可以读取函数内部的变量:②相当于划出了一块私有作用域,避免数据污染:③让变量始终保存在内存中 使用全局变量被认为是不好的习惯,而且容易造成错误并且维护成本较高,所以js可以采用闭包的方式读取函数的内部变量.但是如果大量使用闭包就会造成过多的变量始终保存在内存中,会造成内存泄漏. 一个简单的闭包例子: function f1(){ var n=999; function f2(){ alert(n); } re