html基本的内容
1.表现各标签的特征 <img>中的src(source)即为属性 属性都是以“属性名 = 值”的形式出现 属性的值建议用引号括起来 属性建议均以键值对的形式括起来 一个标签可有多个属性,用空格分开
2.语法 <img src=“URL” /> alt属性(显示图片内容) border属性(图片外侧相框宽度,默认像素) width属性 height属性 相对路径
3.常见属性:size、width、align(left,right,center)、noshade、color
4.预定义格式文本:<pre></pre> 通常保留空格和换行,文本以等宽字体呈现(计算机代码)
5.HTML链接:
1)链接到另一文档 <a href="MyFirstHTML.htm">跳到指定网页</a>
2)跳转到指定地方 <a name="上面" href="#下面">跳到下面</a> <a name="下面" href="#上面">跳到上面</a> 一个图片标签,跳到另一个地方显示图片(连接指向另一个图片地址)
6.body属性:
1)(后面用样式表,样式表强大的多) <body text="white"> text属性(文本的颜色) <font color=“black”>我很帅啊</font></br />(随便玩的深水炸弹) link属性(连接的颜色)(如果把这个改成白色谁都看不见…很无语啊) alink属性(active 点击的时候连接的颜色) vlink属性(visited点击之后的颜色) bgcolor属性(背景颜色) background属性(背景图片,平铺)
2)无序列表unorder(圆点)(<ul><li>第一个</li><li>第二个</li></ul>) square(方块) circle(小圆圈) disk(小圆点) 有序列表order(数字)(<ol><li>第一个</li><li>第二个</li></ol>) 通过type属性来改变 自定义列表 <dl>项目号,解释<dt>c#</dt><dd>很基础的内容</dd></dl>
7.HTML表格——语法
<table border=“1”>
<tr>
<td>单元格内容</td>
</tr>
<tr> … …
</table>
基本属性:
<table> bgcolor(背景颜色)、border(边框), bordercolor(边框颜色)、cellspacing(单元格之间间隔),cellpadding(单元格与内容之间间隔)、width(宽)、height(高)
<td> align、valign、bgcolor、width、height、colspan、rowspan
8.form
<form>的常用属性 action 表示提交的目标服务器
method 提交的方法get、post get(默认,以url提交,就是以地址栏的方式提交) post(通过报文提交)
9.form中常用标签(包括按钮标签)
文本框标签 <input type = “text“ />
密码框标签 <input type = “password” />
请输入密码:<input type="password" name="pwd" value="" /><br />
文本域标签 <textarea>内容</textarea> 属性rows(行)和cols(列)
提交按钮标签 <input type=“submit” />(如果添加name就提交了) <input type="submit" name="btn" value="提交" /><br />
重设按钮标签 <input type=“reset” />(重置,可以添加value)
按钮标签 <input type=“button” /> <input type="button" value="按钮" onclick="alert('不要乱按')" />
图像标签 <input type=“image” />
复选框标签(有name才能提交) <input type=“checkbox” /> <input type=“checkbox” name=“ch1” value=“chone” checked=”checked“ />文字
单选按钮签(没name点不了) <input type=“radio” />input type=“radio” name=“ra1” value=“raOne” checked=“checked“ />男(默认加checked=“checked”)
文件选择标签 <input type=“file” /> <input type=“file” name=“f1” value=“fOne” />各个浏览器不同(必须要有value就业班讲)
10.列表标签
<select>(name在这加才能提交) <option>< /option>(Items) </select> <option value="0">@itcast.com</option>
属性size(1或非1)(listbox)
属性multiple(多选)
属性value和selected(默认谁是第一个)
html基本的内容的更多相关文章
- 防御XSS攻击-encode用户输入内容的重要性
一.开场先科普下XSS 跨站脚本攻击(Cross Site Scripting),为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS.恶 ...
- Fis3的前端工程化之路[三大特性篇之内容嵌入]
Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...
- 阿里巴巴直播内容风险防控中的AI力量
直播作为近来新兴的互动形态和今年阿里巴巴双十一的一大亮点,其内容风险监控是一个全新的课题,技术的挑战非常大,管控难点主要包括业界缺乏成熟方案和标准.主播行为.直播内容不可控.峰值期间数千路高并发处理. ...
- Linux中进行单文件内容的复制
文件内容复制的常规方法: 开辟一段空间,不断读取文件的内容并写入另一文件当中,这种方法好在安全,一般在类型允许的最大范围内是安全的,缺点就是复制内容的时间长 一次性复制文件的内容,这种方法必须首先获取 ...
- HTML5 语义元素(二)文本内容
上一篇介绍的是关于页面结构方面的语义元素,本篇介绍文本内容方面,包含:<bdi>.<details>.<summary>.<mark>.<outp ...
- iOS 委托与文本输入(内容根据iOS编程编写)
文本框(UITextField) 本章节继续编辑 JXHypnoNerd .文件地址 . 首先我们继续编辑 JXHypnosisViewController.m 修改 loadView 方法,向 ...
- 游戏AI系列内容 咋样才能做个有意思的AI呢
游戏AI系列内容 咋样才能做个有意思的AI呢 写在前面的话 怪物AI怎么才能做的比较有意思.其实这个命题有点大,我作为一个仅仅进入游戏行业两年接触怪物AI还不到一年的程序员来说,来谈这个话题,我想我是 ...
- angluarjs2项目生成内容合并到asp.net mvc4项目中一起发布
应用场景 angular2(下文中标注位NG2)项目和.net mvc项目分别开发,前期采用跨域访问进行并行开发,后期只需要将NG2项目的生产版本合并到.net项目. NG2项目概述 ng2项目采用的 ...
- 推荐一个ASP.NET网站内容管理系统源码
许多人都有各自的兴趣,如打球.踢毽子.看书.看电视.玩游戏等等....我近来迷上了猜灯谜,于是业余做了一个在线猜灯谜的网站:何问起谜语. 先出个谜语让你猜猜:不可缺一点(打一字).可以在线猜:http ...
- Android菜单项内容大全
一.介绍: 菜单是许多应用中常见的用户界面组件. Android3.0版本以前,Android设备会提供一个专用"菜单"按钮呈现常用的一些用户操作, Android3.0版本以后, ...
随机推荐
- Thymeleaf 集成spring
Thymeleaf 集成spring 如需先了解Thymeleaf的单独使用,请参考<Thymeleaf模板引擎使用>一文. 依赖的jar包 Thymeleaf 已经集成了spring的3 ...
- http://www.cnblogs.com/itsource/p/4266905.html
http://www.cnblogs.com/itsource/p/4266905.html
- win dos命令行设置ip和dns
首先以管理员身份运行cmd,保证之后在黑框中输入的命令都有管理员权限 C:\Windows\system32>netsh netsh>int netsh interface>ip n ...
- soapui中文操作手册(七)----Web Service Sample Project
REST推理 这份简短的教程将引导您完成架构推断功能. 我们将创建一个新的项目,并添加一个REST服务,而初始WADL文件启动了. 发送请求后,我们就可以使用响应来构建我们的架构. 演示请求 为了演示 ...
- NODEJS-fs模块操作文件系统
1. 使用 fs模块 对文件/目录进行操作 2. 使用 path模块 对路径进行操作 使用 fs模块 对文件/目录进行操作 读取文件内容 // fs.readFile(filename, [optio ...
- struts1 核心类
http://ajh-123.blog.163.com/blog/static/161727409201031455634475/ 1.ActionServlet类: 是一个前端控制器,将reques ...
- [Cocos2d-x For WP8]矩形碰撞检测
在游戏中我们通常会涉及到两个精灵之间的碰撞的计算,那么在Cocos2d-x里面我们通常会用矩形碰撞检测来计算两个精灵在运动的过程中是否碰撞到了.原理很简单,就是当运动的时候通过精灵的矩形坐标进行遍历来 ...
- 【BZOJ】2216: [Poi2011]Lightning Conductor
题意 给一个长度为\(n\)的序列\(a_i\),对于每个\(1 \le i \le n\),找到最小的非负整数\(p\)满足 对于任意的\(j\), \(a_j \le a_i + p - \sqr ...
- URAL 1119. Metro(DP)
水题. #include <cstring> #include <cstdio> #include <string> #include <iostream&g ...
- ThinkPHP 分页类的使用及退出功能的实现
/* ThinkPHP设置编码统一: 一.数据库设置为utf8_bin 二.HTML页面设置charset=utf-8,而且检查文档编码格式是否是utf-8.phpDesigner8设置方式为“文件- ...