html基本的内容

时间：2022-04-21 23:03:35

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基本的内容的更多相关文章

  1. 防御XSS攻击-encode用户输入内容的重要性

    一.开场先科普下XSS 跨站脚本攻击(Cross Site Scripting),为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS.恶 ...

  2. Fis3的前端工程化之路&lbrack;三大特性篇之内容嵌入&rsqb;

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  3. 阿里巴巴直播内容风险防控中的AI力量

    直播作为近来新兴的互动形态和今年阿里巴巴双十一的一大亮点,其内容风险监控是一个全新的课题,技术的挑战非常大,管控难点主要包括业界缺乏成熟方案和标准.主播行为.直播内容不可控.峰值期间数千路高并发处理. ...

  4. Linux中进行单文件内容的复制

    文件内容复制的常规方法: 开辟一段空间,不断读取文件的内容并写入另一文件当中,这种方法好在安全,一般在类型允许的最大范围内是安全的,缺点就是复制内容的时间长 一次性复制文件的内容,这种方法必须首先获取 ...

  5. HTML5 语义元素&lpar;二&rpar;文本内容

    上一篇介绍的是关于页面结构方面的语义元素,本篇介绍文本内容方面,包含:<bdi>.<details>.<summary>.<mark>.<outp ...

  6. iOS 委托与文本输入（内容根据iOS编程编写）

    文本框(UITextField) 本章节继续编辑 JXHypnoNerd .文件地址 . 首先我们继续编辑  JXHypnosisViewController.m 修改  loadView 方法,向  ...

  7. 游戏AI系列内容 咋样才能做个有意思的AI呢

    游戏AI系列内容 咋样才能做个有意思的AI呢 写在前面的话 怪物AI怎么才能做的比较有意思.其实这个命题有点大,我作为一个仅仅进入游戏行业两年接触怪物AI还不到一年的程序员来说,来谈这个话题,我想我是 ...

  8. angluarjs2项目生成内容合并到asp&period;net mvc4项目中一起发布

    应用场景 angular2(下文中标注位NG2)项目和.net mvc项目分别开发,前期采用跨域访问进行并行开发,后期只需要将NG2项目的生产版本合并到.net项目. NG2项目概述 ng2项目采用的 ...

  9. 推荐一个ASP&period;NET网站内容管理系统源码

    许多人都有各自的兴趣,如打球.踢毽子.看书.看电视.玩游戏等等....我近来迷上了猜灯谜,于是业余做了一个在线猜灯谜的网站:何问起谜语. 先出个谜语让你猜猜:不可缺一点(打一字).可以在线猜:http ...

  10. Android菜单项内容大全

    一.介绍: 菜单是许多应用中常见的用户界面组件. Android3.0版本以前,Android设备会提供一个专用"菜单"按钮呈现常用的一些用户操作, Android3.0版本以后, ...

随机推荐

  1. 黑马----JAVA字符串

    黑马程序员:Java培训.Android培训.iOS培训..Net培训 Stirng.StringBuffer和StringBuilder都实现了字符序列接口CharSequence,都是final类 ...

  2. 解决SQL SERVER LDF文件过大的问题

      我的SQL server数据库仅用作分析用, 不需要考虑数据备份和恢复的问题. 每天都会增长大量的数据, 现在碰到的问题是, ldf 文件增长的非常厉害, 需要压一压.    参考文章:  htt ...

  3. MyBatis——调用存储过程

    原文:http://www.cnblogs.com/xdp-gacl/p/4270352.html 一.提出需求 查询得到男性或女性的数量, 如果传入的是0就女性否则是男性 二.准备数据库表和存储过程 ...

  4. android 图片叠加效果——两种方法

    效果图: 第一种: 第二种: 第一种是通过canvas画出来的效果: public void first(View v) { // 防止出现Immutable bitmap passed to Can ...

  5. iOS开发——OC篇&amp&semi;常用关键字的使用与区别

    copy,assign,strong,retain,weak,readonly,readwrite,nonatomic,atomic,unsafe_unretained的使用与区别 最近在学习iOS的 ...

  6. JQuery OOP 及 OOP思想的简易理解

    在项目维护的时候,看到通篇的function实际上是非常费(痛)劲(苦),个人对于前端也不是特别熟悉,就想着JQuery能否也建立OOP的写法? 目的便于日后代码维护管理,就算不为了自己,日后交接后也 ...

  7. &lbrack;Tools&rsqb; 一种调试 Android App 接口的方式 &lpar;Fiddler&sol;Wireshark&rpar;

    要求:Windows电脑与手机在同一局域网内(Wifi). [ Fiddler 设置代理 ] 下载地址:https://www.telerik.com/download/fiddler 依次 Tool ...

  8. &OpenCurlyDoubleQuote;无法将&OpenCurlyDoubleQuote;Enable-Migrations”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。”的一种解决方式

    通过以下几个步骤解决: 1.install-package entityFramework: 2.更新 nuget: 3.更新 visual studio: 我是通过第三个步骤解决的.

  9. CI框架伪静态化配置

    CI框架伪静态化配置 伪静态化,即:去掉入口的index.php, 在url后面加上 .html 后缀 CI默认的rewrite url中是类似这样的,例如你的CI根目录是在/CodeIgniter/ ...

  10. bzoj 5020&lpar;洛谷4546&rpar; &lbrack;THUWC 2017&rsqb;在美妙的数学王国中畅游——LCT&plus;泰勒展开

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=5020 https://www.luogu.org/problemnew/show/P4546 ...

相关文章