`
Angelialily
  • 浏览: 241690 次
  • 性别: 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>
分享到:
评论

相关推荐

    分页标签样式.zip

    4. **用户体验**:保持简单直观,避免过多的页面跳转选项,一般情况下,前向和后向箭头、"第一页"和"最后一页"的按钮,以及当前页数附近的几个页面链接就足够了。 5. **可定制性**:提供足够的灵活性,让开发者可以...

    去除编辑器样式中HTML

    去除编辑器样式中HTML的过程主要包括以下几个步骤: 1. **内容提取**:获取编辑器生成的HTML字符串,这通常可以通过编辑器提供的API完成,例如获取编辑器的`innerHTML`属性。 2. **HTML解析**:将HTML字符串转换为...

    Html5 audio标签样式的修改

    首先,`&lt;audio&gt;`标签包含几个关键属性,这些属性决定了音频的行为和表现: 1. `src`:指定音频文件的URL,是必需的属性。 2. `autobuffer`:当设置为`true`时,浏览器会在页面加载时自动缓冲音频内容,但现在这个...

    tab标签样式UI简洁版日历表

    下面将详细探讨这个主题中的几个关键知识点。 1. Tab标签样式:Tab标签是一种常见的界面元素,用于组织和切换不同内容区域。它通过将多个页面或视图归纳为一组,使得用户可以轻松地在不同的功能之间进行切换,而...

    将html外部的样式内嵌的工具类.rar

    通常,这样的Java类会包含以下几个部分: 1. **方法定义**:如`embedStyles()`用于内嵌样式,`replaceImageUrls()`用于替换图片链接,以及可能的其他辅助方法。 2. **HTML解析**:可能使用Java内置的`javax.xml....

    常见的几个分享可自定义样式

    我们将讨论以下几个关键知识点: 1. **分享组件的原理**: 分享组件通常是通过JavaScript或者HTML5 API实现的,它们通过调用各社交平台提供的API来生成分享链接,然后在用户点击分享按钮时触发。这些API通常要求...

    在html中引入外部样式表

    引入外部样式表时,`&lt;link&gt;`元素需要设置以下几个关键属性: 1. `rel`: 这个属性定义了当前文档与被链接文档的关系,引入样式表时应设置为`stylesheet`。 2. `href`: 指定外部样式表文件的URL,可以是相对路径或...

    vueAudiocustomStylepalyer一个audio标签自定义样式的vue组件

    从压缩包的文件名 "audio-vue-master" 来看,这可能是该项目的源码仓库,其中可能包含以下几个主要部分: - `src` 目录:存放源代码,包括 Vue 组件、样式文件、脚本等。 - `dist` 目录:编译后的生产代码,可以...

    详解三种方式解决vue中v-html元素中标签样式

    首先,文档提到尝试直接在带有scoped属性的标签内编写样式并不会影响通过v-html引入的HTML内容。这是因为在Vue中,scoped属性的作用是让样式只作用于当前组件内的元素,它通过给组件内每个元素添加一个独一无二的...

    HTML简单书城

    对于"HTML简单书城",我们可以创建以下几个关键区域: 1. **用户登录**:使用`&lt;form&gt;`元素创建一个登录表单,包括用户名和密码输入框`&lt;input type="text"&gt;`和`&lt;input type="password"&gt;`,以及提交按钮`&lt;button&gt;`。...

    html g标签 的作用及使用方法.zip

    HTML中的`&lt;g&gt;`标签可能引起了一些初学者的困惑,因为这个标签在HTML5标准文档中并未被提及,但它在SVG(可缩放矢量图形)中却有着重要的作用。让我们详细了解一下`&lt;g&gt;`标签及其在HTML和SVG中的应用。 在SVG中,`&lt;g&gt;...

    html5的几个简单网页设计

    在“html5的几个简单网页设计”这个主题中,我们将探讨如何利用HTML5来实现无缝图片展示、图形验证码、选项卡、图片跳转以及焦点轮播等常见网页元素。 首先,无缝图片展示是网页设计中常用的一种技术,用于创建一个...

    HTML静态页面的标签

    HTML 静态页面的标签可以分为以下几类: 1. 标题标签:、、、、、,用于定义标题的大小和样式。 2. 段落标签:,用于定义网页中的段落,前后换行,类似于教材中的段落。 3. 水平线标签:&lt;hr/&gt; 或 &lt;hr&gt;&lt;/hr&gt;,...

    用JavaScript来美化HTML的select标签的下拉列表效果

    随着Web标准的推进,浏览器厂商对HTML标签的默认样式有所保留,以保持页面渲染的一致性,但在某些情况下,这些默认样式并不符合开发者对界面美观的需求。因此,使用JavaScript来增强select标签的外观,让它在不同的...

    html标签使用教程

    HTML标签使用教程详细讲解了HTML页面开发中常用的标签及其使用方法,覆盖了HTML的基础知识和结构框架,具体包括以下几个方面: 1. HTML基础:介绍HTML(Hypertext Markup Language)的基本概念,解释了其作为超文本...

    收藏的几个css按钮样式

    这里我们探讨的是几种经典的CSS按钮样式,这些样式可以为网页增添视觉吸引力并提升用户体验。 首先,让我们来看一下`&lt;style&gt;`标签内的CSS代码。这段代码定义了三种不同的按钮类:`.btn`, `.btn1_mouseout`, `.btn1_...

    简单实用的jQuery表单输入框浮动标签动画特效插件

    具体到这个插件,其工作原理可能包括以下几个步骤: 1. **初始化**:在页面加载完成后,插件会遍历所有带有特定类名或属性的表单输入元素,对其进行增强处理。 2. **事件绑定**:插件监听输入框的`focus`和`blur`...

    制作一个简单HTML电影网页设计(HTML+CSS)

    根据给定文件的信息,我们可以提炼出以下几个重要的知识点: ### 一、HTML与CSS基础 **1.1 HTML文档结构** HTML文档通常包含`&lt;!DOCTYPE html&gt;`声明,这指定了文档类型为HTML5。紧接着是`&lt;html&gt;`标签,用于包裹...

    html必须标签,初学者配备

    接下来,我们将重点讨论几个重要的HTML标签及其用途。 ### 1. 基础标签 #### 1.1 `&lt;div&gt;` `&lt;div&gt;` 是一个通用容器元素,可以用来组合其他HTML元素,并为它们应用样式。例如,在提供的CSS代码中,可以看到针对不同...

    JSP简单标签介绍.rar

    创建一个JSP简单标签通常涉及以下几个步骤: 1. 定义标签处理类:实现`javax.servlet.jsp.tagext.SimpleTag`接口,重写`doTag()`方法,这是标签的核心逻辑所在。 2. 编写TLD文件:定义标签的元数据,包括标签的...

Global site tag (gtag.js) - Google Analytics