html基础

最新推荐文章于 2023-03-06 17:15:50 发布
最新推荐文章于 2023-03-06 17:15:50 发布
阅读量294 收藏 1
点赞数
分类专栏： php编程 文章标签： html input border php stylesheet 百度
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woshiwangdao/article/details/6947550
版权
  
<html><head>
<meta http-equiv="content_type" content="text/html,chatset=bsp">
<title>使用一个简单的CSS样式</title>
<meta name="password" content="PHP论坛，LAMP。视频教程 php手册 php学习 php下载" >
<meta name="description" content="LAMP是以PHP为核心技术而开发的论坛，为广大PHP爱好者提供资源"> 
<meta name="author" content="LAMP brother uI team">
<meta name="copyright" content="2001-2009 EDU">
<meta name="password" content="PHP论坛，LAMP。视频教程 php手册 php学习 php下载" >
<base href="URL" target="window_name">
<link rel="archives" title="LAMP 兄弟连" href="archives/">
<link rel="Stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
  p{
	font-size:20px;
  	color:yellow;
  	border:2px solid blue;
  	text-align:center;
  	background:green;
  }
  h3{font-size:larger; color:red;}
  #bor{width:20px;border:dashed 1px;}
  #main{
	height:200px;
    width:200px;
    margin:20px;
    padding:20px;
    border:1px solid #000;
    background:#EAEAEA;
  }
  span(width:100%;height:100%;border:dashed 1px;align:center;padding-top:20%;)
  a:HOVER {
	position:relative;
  	top:1px;
  	left:1px;
  	color:yellow;;
}

  #demo{
	position:absolute;
    width:300px;
    height:300px;
    top:1090px;
    left:260px;
    background:#BABABA;
    z-index:1;
  }
</style>
</head>
<body>
<?php
  $n="hello world";
  echo "<p>$n<br>";
  echo $n;
?>
<br>用户名:<input type="text" name="user"></input>
<br>密码:<input type="password" name="password"></input>
<br>性别：<input type="radio" name="fsex" >男
<input type="radio" name="fsex" >女
  <p>linux</p>
  MySQL
  PHP
  <center><h3>这行在网页居中显示</h3></center>
  <pre><b>
                                       上边
  左边                                                                        右边
                                       下边
  </b></pre>
  <hr>无顺序列表：
  <ul>
    <li><big>第一项</big></li>
    <li><small>第二项</small></li>
    <li><strong>第三项</strong></li>
  </ul>
  <hr>有序列表
  <ol>
    <li><i>第一项</i></li>
    <li><u>第二项</u></li>
    <li><tt>第三项</tt></li>
  </ol>
  <a name="wangdao>锚点连接">锚点</a>
  <br>
  <img alt="this is image" src="D:\wamp\www\web\win.jpg" border="2" width="80" height="40">
  <br><a href="http://www.baidu.com" name="百度" target="_blank">百度一下</a>
  <br><a href="#wangdao" target="_self">连接到锚点</a>
  <table align="center" border="6px">
     <caption>表格名称</caption>
     <tr>
          <th colspan="3">表头单元格</th>
          <th colspan="2">成绩</th>
     </tr>
     <tr>
       <td>单元格一</td>
       <td>单元格二</td>
     </tr>
     <tr align="center">
        <td>小明</td>
        <td>男</td>
        <td>计算机</td>
        <td rowspan="2">PHP开发</td>
        <td>86</td>
     </tr>
     <tr align="center">
         <td>夕瑶</td>
         <td>女</td>
         <td>网络原理</td>
         <td>80</td>
     </tr>
  </table>
  <table align="center" width="500" border="0" cellpadding="2" cellspacing="0">
     <caption>LAMP学员基本信息</caption>
     <form action="server.php" method="post">
        <tr>
           <td>姓名：</td>
           <td><input type="text" name="ustname" size="20"></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td>
               <input type="radio" name="sex" value="1" checked>男
               <input type="radio" name="sex" value="2">女
               <input type="radio" name="sex" value="0">保密
            </td>
        </tr>
        <tr>
            <td>学历：</td>
            <td>
               <select name="edu">
                   <option>---请选择---</option>
                   <option value="1">高中</option>
                   <option value="2">大专</option>
                   <option value="3">本科</option>
                   <option value="4">研究生</option>
                   <option value="5">其他</option>
               </select>
            </td>
        </tr>
        <tr>
          <td>选修课程：</td>
          <td>
              <input type="checkbox" name="course" value="4">Linux
              <input type="checkbox" name="course" value="5">Apache
              <input type="checkbox" name="course" value="6">MySQL
              <input type="checkbox" name="course" value="7">PHP
          </td>
        </tr>
        <tr>
          <td>自我评价：</td>
          <td>
             <textarea rows="4" cols="40"></textarea>
          </td>
        </tr>
        <tr>
           <td colspan="2" align="center">
             <input type="submit" name="submit" value="提交">
             <input type="reset" name="reset" value="重置">
           </td>
        </tr>
     </form>
  </table>
  <div id="bor">
      <div id="main">
         <span>内容 元素</span>
      </div>
  </div>
  <div id="demo">这是一个区域块，我在网页的哪个位置？
     <br><a href="http://www.baidu.com">百度一下</a>
  </div>
</body>
</html>

woshiwangdao
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
HTML基础
11-02
HTML基础 ppt
HTML基础知识点
qq_40046544的博客
07-27 8658
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
HTML基础标签
weixin_45348240的博客
03-23 6065
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
全网最全HTML基础
a1085653724的博客
04-20 5079
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML基础知识
xuan971130的博客
03-02 2904
一、基础知识： 1.网站：许多网页的集合。 2.HTML：超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。不是一种变编程语言，而是一种标记语言。 3.浏览器内核（渲染引擎）：负责读取网页内容，整理讯息、计算网页的显示方式并显示页面。 4.Web标准的组成 ...
头歌-HTML基础
最新发布
somewon的博客
03-06 1万+
四川师范大学 头歌 web应用开发
HTML基础 - HTML表格
qq_45383769的博客
04-07 1万+
HTML基础 - HTML表格 1.无表头的表格 <table> <tr> <td> <table>标签代表的是表 <tr>标签代表的是行 <td>标签代表的是列 在html页面中的表格来着，就和excl的表格不一样喽，咱自己有自己的规则： 这就是没有表头，也就是最简单的一个表格。（设置了边框为1 ：border= “1”） 2.有表头的表格 <th> <th>表示就是表头了哦，字体是加粗居中显示的
web前端开发（一）—HTML基础
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
HTML基础笔记
02-06
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记
html基础教程
07-22
资源名称：html基础教程内容简介：HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...
HTML基础.xmind
12-07
HTML基础.xmind
html基础整理
04-19
整理一些html常用的基础的标签作用与其网页的展示效果非常基础，简单易懂
用while和for循环嵌套输出表格
woshiwangdao的专栏
11-08 5012
使用while循环嵌套输出表格 <?php echo""; echo""; echo"使用while循环嵌套输出表格"; echo""; $out=0; while($out<10){ if($out%2==0){
php输入和语法
woshiwangdao的专栏
11-08 1852
第一个PHP程序" ?> body{ margin:0px; background:#ccc; } > alert("客户端的时间"+(new Date()));
数组的合并，拆分，分解和接合
woshiwangdao的专栏
11-12 1230
<?php $d=array("linux","apache","mysql","php"); print_r($d); echo""; print_r(array_slice($d,1,2)); echo""; print_r(array_slice($d,-2,2)); $dat=array("l"=>"Linux","a"
简单计算器
woshiwangdao的专栏
11-08 433
简单计算器 <?php if(isset({1}POST["num1"])&&isset({1}POST["num2"])){ if(empty({1}POST["num1"])){ echo"第一个操作数不可以为空"; unset({1}POST["sub"]); } if(empty({1}POST["num2"])){
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值