html

最新推荐文章于 2019-03-29 13:45:00 发布
最新推荐文章于 2019-03-29 13:45:00 发布
阅读量522 收藏
点赞数
分类专栏： C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cbacq/article/details/9863161
版权

<html>

<head>

</head>

<body bgcolor = "#ffooff">//设置网页背景颜色

<img src = "图片名">

alt 鼠标放在图片上时显示的文本

指定宽度和高度，这样页面在加载时就会先将位置占上

</img>

<font color="#ffooff">//文字设置

aaaa

</font>

</body>

</html>

 

 

<title></title>

    <style type="text/css">

   

    </style>

    <script type ="text/javascript">

        alert(new Date().toLocaleDateString());

    </script>

 

 

注释符号

<!-- 欢迎使用 ASP.NET!-->

 

打印信息的语句和messagebox差不多

alert(new Date().toLocaleDateString());

 

<br/>  回车语句

<p> //分段标签  前后空白比较大

文字

</p>

 

<center>xxxx</center> 居中

 

h标签

只有<h1>到<h6>

 

<b>xxx</b>粗体

 

 

<font color = "#ff00ff  size = "20"">xxxx</font>

 

 

超链接 <a herf="www.xxx.com">xxxx</a>

嵌套图片 <a href="www.xxx.xxx"><img src = "xxx"></a>

 

<a> target属性设置为_blank超链接在新窗口中打开

<a name="Last">这是最后</a>

页内跳转，跳转到超链接部分<a href="#Last">转到平台</a>

 

 

HTML不把“  ”当成空格，因为HTML中经常有缩进，如果把缩进空格显示出来排版麻烦

 

HTML中要显示空格使用#nbsp;

HTML中要显示 < 使用&lt;

HTML中要显示 > 使用&gt;

 

 

 

 

一般文字中可以使用

<pre>

文字

</pre>

 

无序的列表unordered list

<ul><li>xxx</li><li>xxx</li><li>xxx</li></ul>

有序的列表

<ol></ol>

 

 

表格标签

<table border ="1"边框><tr><td></td></tr></table>

tr创建行

td创建列

 

表头用thread表示，外观没变化<thread><tr><td></td></tr></thread>

<tr>属性 align 水平对齐 rowspan colspan 单元格合并

 

 

 

 

 

表单

<form action="">

input标签

<input type="text"  size   value  maxlength  readonly  >//显示文本框

<input type="checkBox" checked>//复选框

<input type="submit">//提交按钮

<input type="button" value= "默认值">

file 文件选择框使用file form的enctype属性值必须设置为multipart/form-data method属性值为post

hidden 隐藏字段

image 图片按钮

<input type="image" src="图片">

password 密码框

radio 单选按钮 name ="组名"

reset重置按钮

</form>

 

select标签

 

区分ComboBox和ListBox看size的属性值 >1就是ListBox

ComboBox

 

ListBox

<select multiple = "multiple" >表示使用的是ListBox- 默认显示4个

 

 

 

<select  size="1"//设置显示的个数  multiple = "multiple" 可以多选>

         <option  value=1 编号>xxx</option>

         <option  selected 选中状态>xxx</option>

         <option value =-1> xxx </option>

</select>

 

<optgroup  lable ="各个类名">对选项进行分类>

         <option  value=1 编号>xxx</option>

         <option  selected 选中状态>xxx</option>

</optgroup>

 

textarea 多行文本标签

<textrea cols="列数" row="行数">

         默认内容

</textrea>

 

 

<label>文本标签

<hr />//分割线

label可以将获取焦点到它指定的对象上去

<label for="name">姓名:</label><input id="name" type="text" />

<label for="hunfou">婚否:</label><input id="hunfou" type="checkbox" />

 

 

fieldset: GroupBox效果，没有分组效果，只是隔开

<fieldset>

        <legend>xxxx</legend>//标题

        <input type="radio" name="x" />

        <input type="radio" name="x" />

        <input type="radio" name="x" />

        <input type="radio" name="x" />

    </fieldset>

 

css页面样式

<input type="text" value="1111"  style="background-color:Gray; border-bottom-color:Red;color:Yellow " />

style 显示风格

background-color 背景颜色

color字体颜色

border-bottom-color:边框颜色

<head>

    <title></title>

    <style type="text/css">

        input{background-color:red; border-bottom-color:Red;color:Yellow;}

                   div{background-color:Red;color:Yellow}

 

    </style>

</head>

内连得方式将页面中所有的input显示的风格

 

 

文字使用div包含起来再设置风格

<div style="background-color:Red;color:Yellow">sdfasdfadfa</div>

 

将页面样式使用StyleSheet1。css 文件单独放起来。

再html文件中调用

<head>

    <title></title>

    <link type="text/css" rel="Stylesheet" href="StyleSheet1.css" />

</head>

 

 

span 将中间文字包含在一起，和前后的内容不分开

<span>xxxxxxxxsadasff</span>

div 将中间的文字包含在一起，和前后的内容分开，单独占一块

<div>xxxxxxx<input type="button" /></div>

 

css中的计量单位 px（像素）、30%（百分比）、em（相对单位）

 

borde-style默认是没有边框的，

 

cursor 鼠标在元素上时显示的光标图标

 

<div style="cursor:pointer;" >asdfasdf<u>sda   dsafasdf</u> sdf asdf adsf</div>

 

 

给文字加下划线

<div>dffasfdasd<u>fas sad</u>f a</div>

 

 

LI不显示圆点 LIST-STYLE-TYPE:none

 

修改整个网页的光标

<body style="cursor:url(光标路径)">

 

 

定义样式，选择样式

自己也可以在body中定义风格，会覆盖掉选择器的风格，优先级高一点

class选择器

<head>

    <title></title>

    <style type="text/css">

    .waring{background:yellow;}

    .highlight{font-size:xx-large;cursor:help;}

    </style>

</head>

<body>

         <!--class选择器-->

    <div class="waring">xxxx</div>

     <div class="highlight waring" style="background-color:black">xxxx</div>

      <div>xxxx</div>

       <div>xxxx</div>

        <div>xxxx</div>

         <div>xxxx</div>

</body>

 

 

 

标签+class选择器

<head>

    <title></title>

    <style type="text/css"> 

    input.accountno{text-align:right;color:Red;}

    label.accountno{font-style:italic;}

    </style>

</head>

<body>

                   <!--标签+class选择器-->

         <input class="accountno" type="text" value="1111111111" />

         <label class="accountno">aadssdsdfasdfa</label>

</body>

</html>

 

 

id选择器

<head>

    <title></title>

    <style type="text/css">

    #usrname

    {

        font-size:xx-large;   

    }

    </style>

</head>

<body>

         <!--id选择器-->

     <input id="usrname" type="text" value="xxxxx" />

</body>

</html>

 

 

 

关联选择器

<head>

    <title></title>

    <style type="text/css"> 

     p strong{background-color:Yellow;}

    </style>

</head>

<body>

         <strong>xxxx</strong>

<!--p标签中的strong标签中的内容显示特定的风格-->

         <p><strong>sdfasdfad</strong></p>

</body>

 

组合选择器

<head>

    <title></title>

    <style type="text/css">

<！--h1，h2，input 使用风格-->

     H1,H2,input{background-color:Yellow;}

    </style>

</head>

<body>

         <h1>nihao</h1>

         <input type="text" value="xcvxc" />

</body>

 

 

伪选择器

超链接风格

在单独的css文件中

A:visited {text-decoration:none}

A:active {text-decoration:none}

A:link {text-decoration:none}

A:hover {text-decoration:underline}

 

 

<head>

    <title></title>

    <link type="text/css" rel="Stylesheet" herf="link.css" />

</head>

<body>

<a href="HTMLPage为页面.htm">aaaa</a>

<a href="HTMLPageyagnshi.htm">bbbb</a>

</body>

 

 

-CQ-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
圣诞树HTML.html
12-17
圣诞树HTML，下载点击即可使用，表白神器
当<script>中的type等于text/html时，我们可以做很多事件！
weixin_34121304的博客
08-31 467
我们可以在&lt;script&gt;片断中定义一个被JS调用的代码，但代码又不在页面上显示，这时，我们可以使用下面的方法： 1 &lt;script id="commentTemplate" type="text/html"&gt; 2 &lt;li&gt; 3 &lt;div class="photo"&gt; 4
script type='text/html' id='demo' 动态设置内容用layer弹出后渲染不了
科技改变世界
03-29 4915
// html代码 <script type="text/html" id="demo"> </script> // js代码 var table = "<table>" $checked.each(function () { var foo= $(this).val(); table+= "<tr>"; table+= "...
HTML动态爱心代码爱心满屏
11-07
HTML动态爱心代码满屏爱心免费下载
html网页做的动态爱心（超好看）
11-07
用html+css+JavaScript网页做的动态爱心，浪漫十足
ECharts+html展示大屏模板30多套
12-18
ECharts+html展示大屏模板30多套,可以根据自己需求修改数据和样式。方便便捷，几乎涵盖目前市面上所有常见模板。 ECharts+html展示大屏模板30多套,可以根据自己需求修改数据和样式。方便便捷，几乎涵盖目前市面上...
一套后台管理html模版
08-04
在页面 http://www.cnblogs.com/strick/p/3884797.html 有一些说明
C# wpf界面设计基本知识
-CQ-的专栏
08-08 7765
菜单的生成 Grid> Menu Height="23" Name="menu1" Width="200" HorizontalAlignment ="Left" >                 MenuItem Header =" 文件"> //一级菜单                     MenuItem Header =" 打开"> //二级菜单          
wpf
-CQ-的专栏
10-10 653
菜单的生成 Grid> Menu Height="23" Name="menu1" Width="200" HorizontalAlignment ="Left" >                 MenuItem Header =" 文件"> //一级菜单                     MenuItem Header =" 打开"> //二级菜单          
c# 基本
-CQ-的专栏
10-10 596
foreach(object obj in mycollection) obj在mycollection中循环读取 相当于for();   Console.Write("{0,6}", "sdfssdfaa"+"\n", "sadfa"+"\n", "asdfa"+"\n") 0这位表示输出后面的第几个数 console.writeline("");和c++中的printf("");作
write("{0,2}",A,B,C);
-CQ-的专栏
06-24 590
write("{0,2}",A,B,C);表示最后输出的是A，长度是2，如果长度超过2，则按实际长度输出。 write("{1,2}",A,B,C);表示最后输出的是B，长度是2，如果长度超过2，则按实际长度输出。 write("{2,2}",A,B,C);表示最后输出的是C，长度是2，如果长度超过2，则按实际长度输出。 write("{3,2}",A,B,C);输出错误，超过后面的变量个数
js
-CQ-的专栏
10-10 496
编译运行 csc.exe   可以在head和body中使用，也可以在一个地方多次使用。 script type="text/jscript">         alert(new Date().toLocaleTimeString());     script> 引用js文件在head中添加 script src="JScript1.js" type="text/java
1719378276792.jpg
06-26
1719378276792.jpg
054ssm-jsp-mysql旅游景点线路网站.zip（可运行源码+数据库文件+文档）
最新发布
06-26
本系统采用了jsp技术，将所有业务模块采用以浏览器交互的模式，选择MySQL作为系统的数据库，开发工具选择eclipse来进行系统的设计。基本实现了旅游网站应有的主要功能模块，本系统有管理员、和会员，管理员权限如下：个人中心、会员管理、景点分类管理、旅游景点管理、旅游线路管理、系统管理；会员权限如下：个人中心、旅游景点管理、旅游线路管理、我的收藏管理等操作。 对系统进行测试后，改善了程序逻辑和代码。同时确保系统中所有的程序都能正常运行，所有的功能都能操作，并且该系统有很好的操作体验，实现了对于景点和会员双赢。 关键词：旅游网站；jsp;Mysql；
基于单片机的篮球赛计时计分器.doc
06-26
基于单片机的篮球赛计时计分器.doc
基于springboot开发华强北商城二手手机管理系统vue+mysql+论文（毕业设计）.zip
06-26
本项目是一个基于SpringBoot开发的华府便利店信息管理系统，使用了Vue和MySQL作为前端框架和数据库。该系统主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者，包含项目源码、数据库脚本、项目说明等，有论文参考，可以直接作为毕设使用。 后台框架采用SpringBoot，数据库使用MySQL，开发环境为JDK、IDEA、Tomcat。项目经过严格调试，确保可以运行。如果基础还行，可以在代码基础之上进行改动以实现更多功能。 该系统的功能主要包括商品管理、订单管理、用户管理等模块。在商品管理模块中，可以添加、修改、删除商品信息；在订单管理模块中，可以查看订单详情、处理订单状态；在用户管理模块中，可以注册、登录、修改个人信息等。此外，系统还提供了数据统计功能，可以对销售数据进行统计和分析。 技术实现方面，前端采用Vue框架进行开发，后端使用SpringBoot框架搭建服务端应用。数据库采用MySQL进行数据存储和管理。整个系统通过前后端分离的方式实现，提高了系统的可维护性和可扩展性。同时，系统还采用了一些流行的技术和工具，如MyBatis、JPA等进行数据访问和操作，以及Maven进行项目管理和构建。 总之，本系统是一个基于SpringBoot开发的华府便利店信息管理系统，使用了Vue和MySQL作为前端框架和数据库。系统经过严格调试，确保可以运行。如果基础还行，可以在代码基础之上进行改动以实现更多功能。
wx152微信阅读小程序-ssm+vue+uniapp.zip（可运行源码+sql文件+）
06-26
微信阅读小程序是一个很好的项目，使用了SSM（Spring + Spring MVC + MyBatis）框架 、 前端（Vue.js）和 uniapp 技术。 微信阅读小程序是一个很好的项目，使用了SSM（Spring + Spring MVC + MyBatis）框架 、 前端（Vue.js）和 uniapp 技术。 微信阅读小程序是一个很好的项目，使用了SSM（Spring + Spring MVC + MyBatis）框架 、 前端（Vue.js）和 uniapp 技术。 微信阅读小程序是一个很好的项目，使用了SSM（Spring + Spring MVC + MyBatis）框架 、 前端（Vue.js）和 uniapp 技术。 微信阅读小程序是一个很好的项目，使用了SSM（Spring + Spring MVC + MyBatis）框架 、 前端（Vue.js）和 uniapp 技术。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值