HTML学习日记

文本结构


<HTML>
<HEAD>
<TITLE>我的第一个网页</TITLE>
</HEAD>
<BODY>
hello world!
</BODY>
</HTML>


<HEAD>头部部分 <TITLE>网页标题

<BODY>主体部分 网页内容,可以是文本,图像等等

如果网页页面中出现乱码,那如何消除乱码使其正常显示

在<HEAD>之间加一个<META charset=gb2312>

简体中文 gb2312

繁体中文 big5

纯英文页面 iso-8859-1

设置页面背景颜色或背景图片

<BODY bgcolor=''#FFCCFF'' background=''back_image.GIF''>

Hello World

</BODY>

一些标签

①标题标签 <BODY> <H1>一级标题</H1></BODY>

有1~6级标题

②<FONT>标签

<FONT size="+2" color="red" face="律书">字体的大小颜色类型

</FONT>

特殊符号

 ③段落标签<P>

换行标签<BR>

eg.1.<P align="center">淘宝集市欢迎您!</P>

      2.<P align="left"> Hello!<BR>

          </P>

图像的基本语法

<IMG src="images/adv_2.jpg" width="300" height="150" title="明星演唱会开幕"/>

依次是图像的位置,图像的宽度,高度,为图像添加的提示性文字(鼠标移到图像上,出现提示性文字)

文字布局

<HR>标签 内容分隔,水平分割线

项目列表和编号 有序列表<OL> 无序列表<UL>

<PRE>预格式文本标签

 <BODY>

<HR size="5" color="red" width="200">

</BODY>

<H4>注册步骤:</H4>

<OL type="1">

 <L1>填写信息</L1>

 <L1>收电子邮件</L1>

 <L1>注册成功</L1>

</OL>

新人上路指南

<UL type="circle">

 <L1>如何激活会员名?</L1>

 <L1>如何注册淘宝会员?</L1>

 <L1>注册时密码有什么要求?</L1>

 <L1>支付宝认证</L1>

</UL>

页面链接<A> 标签

<A href="register/register.html">[免费注册]</A>

路径又分为相对路径和绝对路径

滚动标签 

<MARQUEE scrolldelay="100" direction="up">

滚动文字或图像

</MARQUEE>

注:scrolldelay:表示滚动延迟时间,默认值为90ms

      direction:表示滚动的方向,默认从右向左

表格的基本语法

<TABLE border="1">定义表格

<TR>定义行

        <TD>定义列

          单元格内容

        </TD>

        ......

</TR>

......

</TABLE>

跨多列的表格 

<TD colspan="3"> 学生成绩表</TD>

跨多行的表格

 <TD rowspan="3">早上菜谱</TD>

跨多行多列的综合应用

设置对齐的方式 

使用align 如<TD align="center">笔记本电脑 </TD>

填充,间距属性

<TABLE

border="20"

cellpadding="30"

cellspacing="40"

bordercolor="red">

......

</TABLE>

表单包含的控件 

表单页面的基本结构 

<FORM action="http://www.sohu.com" method="post">

......

</FORM>

ACTION:指定提交后,由服务器上哪个处理程序处理

ACTION="URL"

METHOD:指定向服务器提交的方法,一般分为post和get 方法,post方法比较安全

METHOD="post或get"

表单元素的统一格式

<FORM name="form1" method="post" action="">

<INPUT type="checkbox" name="gen" value="男" size="21" maxlength=4 checked="checked"> 

type:指定元素的类型,可为TEXT,RADIO,SUBMIT等

name:控件的名称

value:控件的初始值

size:控件的初始宽度

maxlength:控件中输入的最多字符个数

checked:控件是否被选中

表单元素的逐一介绍

文本框的基本语法<INPUT type="text" value="jack" size="20">

                                            文本输入框 输入元素的默认值 文本区的宽度

 

eg. <P>姓&nbsp;&nbsp;氏:

        <INPUT type="text" value="" size="200">

        </P>

             

密码框的基本语法<INPUT type="password" value="123456" size="22">

                                        密码框 初始密码 密码区宽度 

单选按钮基本语法<INPUT type="radio" value="男" checked="checked">

                                        单选按钮 初始值 默认选中

复选框基本语法<INPUT type="checkbox" name="cb2" value="talk">

                                        复选框 复选框名 复选框值 

按钮基本语法<INPUT type="reset" name="Reset" value="重填">

                             按钮类型可以设置为button,submit 按钮名称 按钮上的显示文字 

多行文本框基本语法<TEXTAREA  name="textarea" cols="40" rows="6">

                       ( 文本框的名字 文本框的列数 文本框的行数)

                                文本框中的内容 </TEXTAREA>

关于框架的一些内容 

​​​​​​​

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值