`
Angelialily
  • 浏览: 238435 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

几个简单的HTML标签样式

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style type="text/css" media="screen,projection">嵌入式样式表
<!-- 嵌入式定义 只改变当前所要改变的
   p{
   font-size:20xp;color:blue;font-family:宋体;background-color:#cccccc;
   text-decoraction:underline
  }
-->
</style>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
body定义:整个页面都改变<br>
font-size:20xp:字体大小为20像素<br>
color:blue:字体颜色设置为蓝色<br>
text-decoraction:underline:显示效果使用下划线<br>
background-color:#cccccc:北京颜色灰色
<BODY style="font-size:20xp;color:blue;font-family:宋体;background-color:#cccccc;
text-decoraction:blink">
<table width="90%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
</td>
<!-- 嵌入式定义 只改变当前所要改变的 用到提前定义的P-->
<td><p>欢迎您</p></td>

</tr>
<tr><td>

<ul>
<li>唐山</li>
<li>宝坻</li>
<li>廊坊</li>
</ul>
</td></tr>
selected:默认选项
size>1就是大下拉框
<tr><td>
<select size="4">
<option>叶子</option>
<option>绿色</option>
<option selected>红色</option>
<option>黄色</option>
<option>蓝色</option>
</select>
</td></tr>
<tr><td>
<textarea cols="20" rows="5">熙熙呵呵在这里</textarea>
</td></tr>

<tr><td>
accesskey:是for所对应的表单快捷键
<form>
<lable for="user" accesskey="a">用户名:</lable>
   <input type="text" name="user" id="user"/><br>
<lable for="pass" accesskey="b">密码:</lable>
   <input type="password" name="pass" id="pass"/><br>
性别:
  <input type="radio" name="sex" id="ss">
    <lable for="ss" name="c">男</lable>
  <input type="radio" name="xx">
    <lable for="xx" name="d">男</lable><br>
<lable for="hy" accesskey="e">婚姻状况:</lable>
  <input type="checkbox" name="hy">
      <lable for="hy" name="y" id="hy">已婚</lable>
<input type="checkbox" name="wh">
      <lable for="w" name="w">未婚</lable>
</form>
</td></tr>

base:用于指定超链接的基准位置
link:当前文件和另一个文档或资源之间的关系。
<tr><td>
  <base  herf="#" target="_blank"/>
</td></tr>
<tr><td>

</td></tr>
</table>
</BODY>
</HTML>
分享到:
评论

相关推荐

    CSS3样式表- 层叠样式表种类.pptx

    ;单元2-1 层叠样式表种类;;;;;;;;;...&lt;html&gt; ...第一个网页 ...内联样式&lt;标签名 style=”属性:值;” &gt; 内嵌样式选择器{属性:值;} 外部样式表 ”stylesheet”type=”text/css”href=”外部样式表文件名” &gt;;

    uniator:将通过HTML文件链接的样式标签和CSS文件组合为一个或多个文件或样式标签

    Uniator扫描HTML文件的内容,搜索指向CSS文件的样式标签和链接标签,将找到的标签的内容收集在一起,删除源标签,并创建一个或几个包含收集到的内容的文件或样式标签。 有。安装 npm install uniator用法 var ...

    9款极具创意的HTML5/CSS3进度条动画

    另外该CSS3进度条还可以切换多个主题样式,外观非常漂亮。 在线演示 源码下载 2、HTML5超具喜感的加载提示 转圈的胖娃娃 之前我们分享过几款HTML5/CSS3进度条加载插件,尤其是这款CSS3 3D进度条按钮确实是非常酷。...

    类似HTML标签语法设置UILabel多样式

    源码HYBAttributedLabelCagegory,相信我们在开发中会遇到这么一种情况:一个标签有好几种不同的样式,这时候我们有几种方案。方案一:使用多个标签,但是这样不好;方案二:使用一个标签,利用attributedText属性...

    5日精通CSS层叠样式表

    我先前已经讲过所有的HTML标签都可以用作选择,并附加样式表说明.但是如果你想达到的目的比这还要复杂该如何处理呢?比如,你想让主体文字的1段用绿色显示,第2段用紫色显示,而第3段用灰色显示,你能做到吗? 这种...

    html超链接样式(四种不同状态)设置示例

    html超链接样式包括:正在连接、访问过、鼠标盘旋,各个文本字体样式设置如下,感兴趣的朋友可以学习下哦。希望对大家有所帮助

    前端css+html+布局笔记

    可以使用../返回一级目录,返回几级使用几个../ xHtml语法规范 1.HTML中不区分大小写,但是尽量使用小写 2.HTML的注释不能嵌套 3.标签必须结构完整 要么成对出现 要么自结束标签 4.标签可以嵌套但是不能...

    HTML标签语义化的介绍

    下面摘自百度百科: html标签语义:即html标签的含义。 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性...

    使用HTML开发商业网站-td标签属性课件.pptx

    使用HTML开发商业网站 标签属性 表格 属性名 含义 常用属性值 width 设置单元格的宽度 像素值 height 设置单元格的高度 ...设置单元格内容的水平对齐方式 ...当对某一个标签应用height属性设置高度时,该

    用css制作的导航条

    1:表现和内容相分离  将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。... 你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。  4: 使用div+css更符合现在的W3C国际标准.

    使用HTML开发商业网站-CSS控制单元格边距课件.pptx

    CSS控制单元格边距 CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、...外边距属性margin对单元格无效,要想设置相邻单元格边框之间的距离,只能对标签应用HTML标签属性cellspacing。 A B 谢谢大家

    html设置虚线边框的方法

    用到CSS样式和HTML标签元素 为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。 1、html常用标签 p标签 span ul li table tr td 2、实例用到CSS属性单词 border width height 3、实现虚线的...

    最流行的web开发前端模版HTML5 Boilerplate.zip

    HTML5 Boilerplate 帮你构建 快速, 健壮, 并且 适应力强 的web app或网站。... 还有几个单独维护的项目:server configs, node build script, 和ant build script.     标签:前端模版

    前端开发开发入门技巧点以及教程知识点总结.docx

    前端开发入门阶段,需要掌握的关键知识点主要包括以下几个方面: HTML (HyperText Markup Language) 理解HTML文档的基本结构,例如&lt;!DOCTYPE&gt;, &lt;html&gt;, , 等元素。 学习和使用常见的HTML标签,如标题标签(至)、...

    使用HTML开发商业网站-CSS控制表格边框课件.pptx

    本节将从边框、边距和宽高三个方面,详细讲解CSS控制表格样式的具体方法。 CSS控制表格样式 日历的边框border 日历的单元格边距padding height width CSS控制表格样式 CSS代码如下所示: table{ width:280px; height...

    50套HTML5+CSS3各行各业网站模板.rar

    HTML5+CSS3各行各业网站模板,可二次开发。前端工程师的静态网页。这些网页就是HTML页面,而构成HTML页面的东西有很多,如:html标签、数据、css样式等这几个组成部分。

    Web实训大作业源码,仿路易斯威登官网,html,js,css,高分课设,小白必看!

    因为有的页面部分可能会出现在好几个页面上。在这个项目里,页面顶部的导航栏部分出现每个页面中,而且底部也是经常使用的。所以就将这两者都单独写一个html文件,用到的样式也都写到css中,也就是header.css和...

    html-lines:使用 HTML 元素在两个现有元素之间画一条线

    使用 HTML 元素在两个现有元素之间画一条线。 将redraw方法附加到 window.resize 事件时,可以轻松地使线条响应式工作。 使用 CSS 控制线条样式和动画。 使用 LINES API 来操作线条。 线 这是加载 html-lines.js 时...

    中国首个开源 HTML5 跨屏前端框架 Amaze UI.zip

    在最近几个月,我们投入人力将这个项目整理成一个开源产品。目前有2个软件工程师全职在开发这个产品,还有一个设计,一个PM也在尽力配合。产品发布之后,我们会投入更多全职的工程师来专心打磨这个产品,同时也呼吁...

    Web网页宣传实训(源代码+宣传效果图+实训报告)

    接下来我们要使用这些知识实现一个简单的网页设计,利用HTML的a标签做文本内容跳转以及超链接的应用,CSS设计内容样式和图片、动画、视频的大小位置格式,JavaScript实现轮播图效果等。在老师的耐心指导下,我们学习...

Global site tag (gtag.js) - Google Analytics