风中追风,HTML

HTML第一天,学了3章,率是杠杠的,效?我就呵呵。


总结一下:

1.注释是ctrl+/,要养成好习惯~

2.开头要严谨的给出注释<!DOCTYPE html>,计算机这东西,就是一个瘟丧。

3.中文网站开头一定要转码,<meta charset="utf-8"/>,说好的亚洲雄风震天吼呢?

4.对于段落里不同颜色,字体或者符号的处理,要多使用内联<span></span>

5.标题是单独为一行的,如果要和标题并列存在一些注释或者提示,图标什么的,就在<h1>这里面内嵌</h1>

6.分段要仔细,多使用<p></p>或者<div></div>

7.没有css和js的情况下,狂敲&nbsp吧少年!

8.style能决定基本属性,长宽高矮,红黄白绿,粗细等等等等,后跟=号,内容需要用“”扩住,并且不同的属性间以分好;间隔,属性赋值时使用冒号:

9.除了style外还有type啦,value啦等等,这些和style一个级别,要空格开独立来写。

10.代码间如果不换行,浏览器解读就会黏在一起,换行的话会给你自动空一个字符格。

11.提示或者指示都用value来添加,如果想要提示语在光标聚焦后自动消失,使用οnfοcus=" this.value=' ' ",注意要使用this和. 并且value为空的空是用单引号' '来标记。

12.改变大小时,有时候直接size=“阿拉伯数字”,有时候则需要注明单位px,有时候还需要注明是什么的大小,例如font-size,font-weight.

13.换行是<br/>,如果没有使用<div>块级元素或者<pre>来完成代码,那么<p>则意味着占一段,再不另起<p>的情况下,用<br/>。

14.文本输入框改变大小时,要垂直居中或者自动换行需要另外设定参数,为了简便可以使用文本域<textarea></textarea>。

15.在<a></a>中,若要是链接成立,必须引入href=" "。

16.如果跳转链接与当前页的html文件不在同一路径中,需要再href=" "中加上路径名。

17.border在style里设置,是边框的属性,设置时格式为border:大小 样式 颜色。大小要加像素单位px,样式可以是实线solid或者虚线dotted,颜色可以是英语的灰gray也可以是十六进制颜色代码#999999。


下面是基本框架的演示:

<!-- 申明浏览器文档使用哪种类型 -->  
<!-- 注释是:Ctrl+/ -->
<!DOCTYPE html>
<!-- 基本的框架 -->
<!-- <html>
<head></head>
<body></body>
</html> -->




<!-- 基本的框架 -->
<html>
<head>
<title>lovo</title>
<META charset="utf-8">
</head>
<body>
<a name="miao2"></a>
发的个人更热管
ert让他
<h1>hehe1</h1>
<h2>hehe2</h2>
<h3>hehe3</h3>
<h4>hehe4</h4>
<h5>hehe5</h5>
<h6>hehe6</h6>




*************************************


<p style="color:blue; background-color:#eeeeee">
&nbsp;&nbsp;&nbsp;&nbsp;的数据行覅uwehfuie几份文件佛i让飞机哦普尔魏荣i4por哦怕娃儿
大鸿i问的紧迫i违法文件富婆网ie减肥评委评分击破无法我ie该软件平fr
大鸿iqfu0weo0rf我飞
</p>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;的数据行覅uwehfuie几份文件佛i让飞机哦普尔魏荣i4por哦怕娃儿
大鸿i问的紧迫i违法文件富婆网ie减肥评委评分击破无法我ie该软件平fr
大鸿iqfu0weo0rf我飞
</p>
*************************************




<blockquote>
heiowfjeiowgoidfghiortjhiortjh<br/>
oirthrthiorjgerioghweriofewohfhiwerohgioerhgiorehgioerhgiorehgiorehgiohre<br/>ihgiohreioghioerhgoreihgioerhgiorehgiorehgioer


</blockquote>
*************************************
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>


<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>


<dt>gogo</dt>
<dd>this  is  gogo</dd>


*************************************
<pre>
kwifh  hfoierfer fjorfgerp
wejfoiwepof 
    1
*   8
-------
    8
</pre>


******************块级元素******************
<div>
你是我的小苹果
</div>
<div>
你是我的小小苹果
</div>


*******************内联元素****************<br/>
<span>来来 我们画个圈</span>
<span>来来 我们画个圈quan</span>


***********************超链接*******************<br/>
<a href="a-1.html">点击我 连接到a-1.html</a>
<a href="#">link2</a>
<br/>
*************************锚点*****************<br/>
<a href="a-1.html#miao1">点击我 连接到a-1.html描点过去</a>


<a href="#miao2">点击我 回到顶部</a>




******************************************<br/>


<img  style="width:150px; height:100px; "  src="1.jpeg">
<img src="images/2.jpg">


******************************************
<table border="7px">
<tr style="width:1000px; height:50px;">
<th style="width:500px;">衣服</th>
<th style="width:500px;">裤子</th>
<th style="width:500px;">鞋子</th>
</tr>


<tr style="width:500px; height:50px;">
<td>耐克</td>
<td>皆可群死regergrgregre</td>
<td>newblance</td>
</tr>


<tr style="width:500px; height:50px;">
<td>阿迪</td>
<td>与狼共舞</td>
<td>安踏</td>
</tr>
</table>


*********************colspan  rowspan*********************


<table border="3">
<tr>
<td style="width:400px; height:50px;" colspan="2">
12312313
</td>
<td rowspan="3" style="width:100px; height:150px;" ></td>
</tr>
<tr>
<td style="width:200px; height:50px;">
</td>
<td style="width:200px; height:50px;">
</td>
</tr>
</table>


*********************iframe*********************<br/>
<iframe src="a-1.html" width="1000px" height="500px">

</iframe>


*********************style属性*********************<br/>
<div style="border:solid;">
<p>fnreoifgipoergopreg0[</p>
</div>
<p style="border:solid;">fnreoifgipoergopreg0[</p>


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值