html基础(1)

开始,我把我们第二次的公开课讲的复习了一遍,代码又重新打了一遍,练习的代码如下:

<html>                                       注:<html>标签是html页面的根元素,该标签的结束标志为</html>
<body>                                      注:<body>标签定义文档的主体,即网页可见的页面内容,结束标志为</body>
<h1>我的第一个标题</h1>        注:<h1>标签作为一个标题使用,结束标志为</h1>
 <p>我的第一个段落。</p>       注:<p>标签作为一个段落显示,结束标志为</p>
 </body>
</html>

实例:
<html>
<body>
<h1>作业:</h1>
<h2>杂诗三首</h2>
<p>
君自故乡来,应知故乡事。<br/>
来日绮窗前,寒梅著花未?</br>
</p>
</body>
</html>


然后,我通过菜鸟教程继续自学

1、html 文本格式化

<html>

<body>

<b>这个文本是加粗的</b>             

<br />

<strong>这个文本是加粗的</strong>      定义加重语气

<br />

<big>这个文本字体放大</big>        

<br />

<em>这个文本是斜体的</em>

<br />

<i>这个文本是斜体的</i>

<br />

<small>这个文本是缩小的</small>

<br />

这个文本包含
<sub>下标</sub>

<br />

这个文本包含
<sup>上标</sup>

</body>
</html>

我认为这是我们学习的办公软件word文档的功能,只是需要自己写下来,来达到装饰字体的效果。
2、html 链接

用<a>来设置超文本链接,实现点击这个链接可以从这一页面跳转到另一页面,在href属性中填写网址即可实现。

如果作为下载点,需要在href中填写文件名,如zip等等,,,

3、html 头部

<title> 标签定义了不同文档的标题。

<title> 在 HTML/XHTML 文档中是必须的。

<title> 元素:

  • 定义了浏览器工具栏的标题
  • 当网页添加到收藏夹时,显示在收藏夹中的标题
  • 显示在搜索引擎结果页面的标题

一个简单的 HTML 文档:

实例:

<html>
<head>
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>

当然,还有很多,例如:base:定义了页面链接标签的默认链接地址

link:定义了一个文档和外部资源之间的关系

style:定义了HTML文档的样式文件

meta:定义了HTML文档中的元数据

script:定义了客户端的脚本文件

4、html 图像

因为我地址看完还是不多懂,这是我搜的图像的地址如何写:

一、如果插入图片和自己HTML文件在一个文件夹,

      直接<img src="taylor.jpg"/>

二、不在一个文件夹

   1、导入电脑d盘中的绝对路径,<img src="file:///D|photo/chenjing1.jpg" width="170" height="300" />

   2、如果导入的图片在html文件上层文件夹里面  <img src="../chenjing2.jpg " width="170" height="300" />

   (此html文件在d盘 webfont文件夹里面 而图片直接在d盘下)  上上层用 <img src="../../chenjing2.jpg " width="170" height="300" />

   3、如果导入图片在d盘photo文件夹下,而html文件在d盘webfont文件夹下,<img src="../photo/chenjing1.jpg" width="170" height="300" />

   4、如果导入图片在d盘webfont文件夹下的html文件夹里,而html文件在d盘webfont文件夹下,<img src="html/taylor.jpg" width="170" height="300""/>
5、html 表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

例:

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

这是有边框的。

如果把 border="1"去掉,则没有边框。

6、html 列表

无序列表:

<html>

<body>

<h4>无序列表:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
</html>

有序列表:

<html>

<body>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

自定义列表:

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

浏览器显示如下:

Coffee
- black hot drink
Milk
- white cold drink

7、html 表单

定义:

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置:

<form>
.
input 元素
.
</form>

其中包含了:

文本域:文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

密码字段:密码字段通过标签<input type="password"> 来定义:

单选按钮:<input type="radio"> 标签定义了表单单选框选项

复选框:<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

提交按钮:<input type="submit"> 定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

 

问题1:

理解C/s,b/s?

c/s:client/server,客户端-服务器

b/s:browser/server,浏览器-服务器

b/s可以看成把客户端行为简化到只剩下单纯的浏览器操作;而在c/s模式,是各种各样的软件。

也可以看成在c/s前面套一层域名,就变成了b/s。

 

 

:

posted on 2019-01-20 16:43  小小小酥  阅读(89)  评论(0)    收藏  举报

导航