html入门

最新推荐文章于 2024-09-12 18:22:06 发布

黑马卡卡

最新推荐文章于 2024-09-12 18:22:06 发布

阅读量465

点赞数

分类专栏：学习日记文章标签： html

本文链接：https://blog.csdn.net/u012218768/article/details/12122463

版权

学习日记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

html→超文本标记语言
常用标签：h标签（标题）HTML定义了<h1>到<h6>六个h标签，分别表示不同大小的字体，h1最大，h6最小
<br/>回车，<p>分段，<p>标签前后会有比较大的空白，而<br/>则没有
<center>居中显示</center>
<b>粗体显示</b> <strong>同样表示粗体显示</strong> <i>斜体显示</i> <u>带下划线显示</u>
<em>强调，斜体</em>
<sub>2</sub>此时这个数字2会在下标显示
<sup>2</sup>此时这个数字2会在上标显示
<font></font>字体标签 <font size="2" color="blue" face="宋体"></font>
size属性表示字体大小，数值为1-7，依次增大，color属性表示颜色，face表示采用何种字体，在地址C:\WINDOWS\Fonts可以查看本机有哪些字体
<hr>单横线，可设置size（厚度），width（宽度），align="left"对齐方式等属性
<pre></pre>预格式化，保留原样输出

html编码，用于显示一些特殊字符，有特殊含义的（<、>）以及键盘上无法输入的字符
html编码用&开头，用;结束，例如<表示<，但这样表示仅限于当<被浏览器认定为标签时游戏，即<、>
连起来用，且中间带有英文字符

 表示空格，一个   表示一个空格
常用的html编码，&→& html编码查询www.htmlhelp.com/refrence/charset

html与xml的异同：
相同：都是标记语言，采用相同的注释方式，都可以通过CSS改变外观
不同：xml语言要求更为严格，（xml有开始标签，必须有对应的结束标签，大小写一致，属性用双引号）
xml用于存储数据，html用于数据展示，

xhtml按照xml的严格语言要求来写html
dhtml动态html，即html，css，JavaScript的结合

锚记：用name属性为<a>起名字：<a name="Last">这里是最后</a> 这就定义了一个锚
可以通过超链接的方式跳转到锚这里，<a href="#Last">转到最后</a>这里是实现在同一页面上跳转

URL表示在网络中的地址，（URI比URL大，看成一样的就可以了）
<a href="www.sohu.com">搜狐</a>
对应的一些属性： _blank表示此超链接在新窗口中打开，_self在自己的窗口中打开，_parent父窗口中打开,_top顶级窗口中打开，
<a>中可以嵌套图片，<a href="www.sohu.com"><igm src="1.jpg"/>搜狐</a>

<img src="1.jpg" title="rf" alt="瑞飞" height="200" width="200"/> src表示图片地址 title表示图片名称 alt表示当图片不能加载时显示的名称 height width高度，宽度

px（pixel）像素 em相对长度单位 pickpick取色器软件

定义列表<dl></dl> 无序列表<ul></ul> 有序列表<ol></ol>

ol与dl都有一个type属性，用来设置序列的显示样式，type的取值可以是s，i，l，disc,circle,square

ul与ol下可以嵌套二级菜单

表格 border边框，align位置 <tr>列   <td>行 <th>粗体显示行 colspan合并行，rowspan合并列 style="display:none" →不显示 style="display:block"
cellspacing="50"单元格之间的距离，50像素 cellpadding="50"单元格内部之间的距离
<table border="1" align="center">
   <tr>
      <td valign="bottom">sk</td>
      <td>jk</td>
   </tr>
   <tr>
      <td>yzk</td>
      <td>zxh</td>
   </tr>
</table>

<form></form>表单（填表时使用），若要将填写的数据提交到服务器，则还需要将<input>、<textarea>、<select>等表单元素放到<form>标签中，

其中<input>是主要表单元素，type值可选有：submit（提交按钮），button（普通按钮），checkbook（复选框），file（文本选择框），
hidden（隐藏字段），image（图片按钮），password（密码框），radio（单选按钮），reset（重置按钮），
select(下拉选择框)<option selected>北京</option> selected的multiple多选，值也是本身，<select size="3" muptiple="multiple"可以选择3个> optgroup分组
text（文本框），textarea（多行文本框，带有滚动条，属性可以设置rows="20" cols="15"）
使用方法<td><input id="textname" type="text" size="20"></td> 这里的size是指20个字符的长度（不同浏览器显示的长度可能不同）
<input>标签中的id属性，一是为了方便<label>标签for属性的调用，二是为了JavaScript的操作，这里还有一个name属性，是在asp.net中
应用到得，这里的name属性可以重复
<input>标签中还有其他的一些属性，maxlength最大输入长度，readonly制度属性，值就是他本身，value属性，设置值

可以通过<label>标签来设置获得光标 <label for="textname" accesskey="n">用户名：</label> 通过for可以获得id为textname的文本框鼠标位置,也可以通过accesskey设置快捷键
当用户点击用户名或按下快捷键alt+f时，此时光标就会移动到text文本框中

单选按钮radio，注意将name属性设置为一样，这样就可以将几个radio按钮设置到一个组中，这时只能单选一个按钮
checker属性，默认选中，值也是本身自己，同readonly
type="image"，起始image也是一个提交按钮，即submit，只不过显示方式不一样，

<form method="get" action="1-注册内容.html"> 这里的<form>标签的method属性有get和post两个值
get是跳转页面的时候以及向服务器提交少量数据时用 post是向服务器提交数据较多的时候用
action属性用来设置传值，即action跟的内容为一个url地址，这个地址传递给get或post使用

<fieldset>属性类似于winform中的groupbox，将html控件划分为在一个区域内
<fieldset type=="设置样式">
<legend></legend>标题名
<input type="text">
</fieldset>
<maquee>文字内容</maquee> 滚动文字，默认为从屏幕右侧到左侧