HTML前端(css + js)

1.HTML(超文本标记语言)

结构:Structure,行为:Behavior, 表现:Presentaion

W3C规范:XML,CSS,DOM,XHTML,ECMAScript

结构标准使用XHTML,表现使用CSS,行为使用DOM和ECMAScript

XHTML(可扩展文本标签语言)ExtensibleHyperText MarkUpLanguage分为xml和html

2.<img src=”” alt=”图形无法显示时候代替的文本” width=””height=””title=”图片提示”/>

<p></p>段落标签

<br/>换行标签

<hr/>水平线标签

<a href=”url”target=”目标窗口位置”>连接文本或图像></a>

Target:质地昂链接文件在何处打开,常用有两个值,_blank(在新窗口中打开)

_self(默认在相同的框架总打开链接文件)

<!--注释-->

瞄链接:一个界面中写<a name=”middle”></a>

在另一个页面中添加连接<a href=”第一个页面名.html#middle”>

3.XHTML规范:

1.标签名和属性名称必须小写

2.HTML标签必须关闭

3.属性值必须用引号括起来

4.标签必须正确嵌套

5.属性不能简写

6.必须添加文档类型声明

7.属性值必须只用完整形式

3.HTML列表

1.无序列表(列表没有序号)

<ul type=”定义列表序号样式”>

<li></li>

</ul>

2.有序列表

<ol>

<li></li>

</ol>

3.自定义列表

<dl> <dt></dt><dd></dd> </dl>

4.表格:

Cellspacing属性用于控制单元格之间的间距,cellpadding属性用于控制单元格边框与其内容之间的间距

align属性用于控制单元格中内容的对齐方式,属性值用left(左对齐),right(右对齐),center(居中对齐),其中left为默认的值

表格的跨行和跨列:colspan:跨列,rowspan:跨行

5.表单元素的基本格式

<input name=”元素名称” type=”类型”value=”值”size=”显示宽度”maxlength=”字符长度” checked=“是否选中”/>

<forme action=”” method=””>action规定用于提交表单信息向何处发送表单,即处理表单数据的目标地址,如不填,默认是当前页面

<input type=”image”src=”” disable=”disable”></input>

<input type=”text” value=”张三”name=”usename”/>

<input type=”radio” value=”男” name=”gender”id=”male”/>

<lable for=”male”>男</lable>

<marquee></marquee>//图片循环滚动

5.语义话表单

使用html提供的,具有特定语义的表单标签制作的表单,被形象的称为语义话表单

<h2>语义话表单</h2>

<fieldset>

<legend>个人信息:</legend>   <input/>

<fieldset>

时间: 2024-12-20 19:30:31

HTML前端(css + js)的相关文章

前端 css+js实现返回顶部功能

描述: 本文主要是讲,通过css+js实现网页中的[返回顶部]功能. 实现代码: HTML: 1 <div> 2 <button onclick="returnTop()" id="btnTop" title="返回顶部">返回顶部</button> 3 </div> CSS: 1 /* return top */ 2 #btnTop { 3 display: none; 4 position: f

【开源】前端练手笔记,Chrome扩展应用程序(html+CSS+JS) (1)

项目名称:github-notification 项目地址:https://github.com/wuchangming/github-notification 说明:本人打算抽时间学习前端(html + css +js),选择Chrome扩展应用程序制作一个简单练手的项目.避免中途放弃在此立字为证! 有一起的兄弟吗? 项目简介:一款开源的,关于Github通知和监控个人项目的Chrome扩展应用程序(其实就是想监控下github上某个项目的star数,fork数等等.当然大家有什么想法也可以一

【前端】Sublime text3 插件HTML/CSS/JS prettify 格式化代码

1.首先安装插件 菜单的preference->packages control,然后输入install .. 回车,再输入HTML/CSS/JS prettify 再回车,重启后就可以了. 2.在代码界面右击->HTML/CSS/JS prettify->Prettify Code ,如果出现下图提示 去node.js官网下载32位的相应的node.js, windows对应的 node.js 的传送门. 然后保证位置和set plugin option里面的一样就行了.

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的

使用LESS构建你的前端CSS(by vczero)

一.为什么要用LESS 很多时候我们觉得CSS只是样式框定,前端的重头戏是JavaScript:其实,很多能用HTML + CSS实现的效果的效率远比使用JS来的划算.LESS是什么?我们为什么要使用LESS呢?Less 是一个Css 预编译器,意思指的是它可以扩展Css语言,添加功能如允许变量(variables),混合(mixins),函数(functions) 和许多其他的技术,让你的Css更具维护性,主题性,扩展性.你是否曾经遇到过这种场景: 定义了一个DIV的宽度是980px,到了另一

【项目总结】扯一扯电商网站前端css的整体架构设计(1)

最近半忙不忙的写了一个外包网站,网站主要功能是艺术品竞拍和艺术衍生品的销售.工程已经完成了80%左右,现在前后端代码量已经50W行左右,我主要负责的是前端设计和前端布局.下面就先放一个网站的设计图吧,因为涉及到甲方的"商业机密",所以打一下马赛克: 这篇文章主要算是我对于这个项目的总结或者说是对于这阶段自己看的一些前端书或者经验的一个总结吧,所以设计图就不贴那么多了.整个项目的设计图由最开始的ui定了个首页稿基调,剩下的界面大部分都是我在首页稿基础上做出来的,以后有机会再唠.PS:不过

Spring MVC程序中怎么得到静态资源文件css,js,图片文件的路径问题

问题描述 在用springmvc开发应用程序的时候.对于像我一样的初学者,而且还是自学的人,有一个很头疼的问题.那就是数据都已经查出来了,但是页面的样式仍然十分简陋,加载不了css.js,图片等资源文件,如果你输入某个css的文件在浏览器中得到的直接是404错误(例如http://localhost:8080/iMax_view/css/classify.css),表示路径肯定没有错,这是因为你在web.xml中配置的springservlet ]<!-- springmvc前端控制器,rest

web服务器/cgi/html/css/js

随着Internet技术的兴起,在嵌入式设备的管理与交互中,基于Web方式的应用成为目前的主流,这种程序结构也就是大家非常熟悉的B/S架构,即在嵌入式设备上运行一个支持脚本或CGI功能的Web服务器,能够生成动态页面,在用户端只需要通过Web浏览器就可以对嵌入式设备进行管理和监控,非常方便实用.本节主要介绍这种应用的开发和移植工作. Web 典型的嵌入式Web服务器有Boa (www.boa.org)和thttpd (http://www.acme.com/software/thttpd/)等,

前端CSS规范整理

一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /css/movie/ 音乐 /css/music/ 社区 /css/sns/ 小站 /css/site/ 同城 /css/location