自己整理出来的东西#

HTML笔记2

开始以及结束,必须要写的。:<html>元素or其他代码</html>

网站的中间:<body>其他代码</body>

标题:<h1>标题</h1>
(可以用h1-h6,貌似h1字体最大,h6最小。)

段落:<p>段落</P>

可以直接打开的网址:<a href="网址">
链接按钮上面的文字</a>
或者
<a href="网址" target="_blank">按钮上的文字</a>

完整的代码必须包含什么:<开>元素<关>。

标题居中:<h1 align="center">标题</h1>
所以在<开>里面+ align="center"就可以居中

属性值(暂时未知那是什么?)应该要加引号,优先使用双引号。

水平线:<hr />,用于</p>以后的那一行,做出来的效果是
——————————————————————————————————
这样的↑

添加注释:<!-- 要写的东西 -->,不会在网站上显示出来,但代码里面可以看到。

背景颜色:在<html>后面一行写上<body bgcolor="颜色代码">

隔行:<br />
用<p>☆ <br />O3O<br />O.0<br /></p>
做出来的效果:
☆ 
O3O
O.0

方向逆转:
<bdo dir="rtl">
1234
</bdo>
做出来的效果:
4321


标签

<b> 定义粗体文本。</b> 
<big> 定义大号字。 
<em> 定义着重文字。 
<i> 定义斜体字。 
<small> 定义小号字。 
<strong> 定义加重语气。 
<sub> 定义下标字。 
<sup> 定义上标字。 
<ins> 定义插入字。 
<del> 定义删除字。 
<s> 不赞成使用。使用 <del> 代替。 
<strike> 不赞成使用。使用 <del> 代替。 
<u> 不赞成使用。使用样式(style)代替。 

字体颜色:<p style="color:颜色代码">
要写的东西
</p>

<style> 定义样式定义。 
<link> 定义资源引用。 
<div> 定义文档中的节或区域(块级)。 
<span> 定义文档中的行内的小块或区域。 
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。 

瞬间跳到同一个页面的某个位置:<a href="#代号">文字</a>,在那个标题的上面加<a name="代号">标题</a>。

例子:<p>
<a href="#C4">跳到标题4</a>
</p>

<h2>标题1</h2>
<p>内容</p>

<h2>标题2</h2>
<p>内容</p>

<h2>标题3</h2>
<p>内容</p>

<h2><a name="C4">标题4</a></h2>
<p>内容</p>

插入图像:
<img src="url" />
(url就是存储图像的位置)

用图片来打开一个网站:
<a href="网站">
<img src="存储图像的位置" />
</a>

背景图像:
<body background="url">
(只可以gif和jpg格式)

图像在最左侧:<img src ="url" align ="left"> 
图像在最右侧:<img src ="url" align ="right">


调整大小:<img src="url" width="数值" height="数值">

显示不了图像的话怎么办?用这个!:<img src="url" alt="看不了图像的话会出现的文字" />

点击图像进入网站:<a href="网址">
<img src="url" />
</a>

表格:
<table border="外框厚度">
<tr>
  <td>内容</td>
  <td>内容</td>
</tr>
<tr>
  <td>内容</td>
  <td>内容</td>
</tr>
</table>
↑做出来的效果是一个田字。

表格背景颜色:
<table border="外框厚度" 
bgcolor="颜色">

列表:
<ul>
  <li>包子</li>
  <li>君莫笑</li>
  <li>寒烟柔</li>
</ul>
做出来的效果:· 包子
· 君莫笑
· 寒烟柔

看起来很复杂的网站外观例子:
<html>
<body>

<table width="宽度" border="外框厚度">
<tr>
<td colspan="2" style="background-color:#颜色;">
<h1>内容</h1>
</td>
</tr>

<tr valign="top">
<td style="background-color:颜色;width:宽度px;text-align:top;">
内容<br />
内容<br />
内容<br />
</td>
<td style="background-color:#颜色;height:高度px;width:宽度px;text-align:top;">
内容</td>
</tr>

<tr>
<td colspan="2" style="background-color:#颜色;text-align:center;">
内容</td>
</tr>
</table>

</body>
</html>

登入:
<form>
用户名:
<input type="text" name="user">
<br />
密码:
<input type="password" name="password">
</form>

输入名字:
<form>
名字:
<input type="text" name="name">
</form>

性别(涂黑圆圈):
<form>
<input type="radio" name="sex" value="girl" />女
<br />
<input type="radio" name="sex" value="boy" /> 男
</form>

(在方格内打钩):
<form>
<input type="checkbox" name="yes" />
我看过全职
<br />
<input type="checkbox" name="no" />
我没看过全职
</form>

自己创建一个按钮:

<form>
<input type="button" value="按钮!">
</form>
 

我跟你们说,这看起来人摸狗样屌炸天的东西,真不是人学的...

学完这个还得学很酷很厉害CSS以及其他看起来和一坨乱码没什么区别的东西....
内心是崩溃的。

 

 

嘘,其实我学的还挺开心不是抖m



 
评论(2)
© 御苏 / Powered by LOFTER