Html的基础知识，基础标签的应用

最新推荐文章于 2024-10-08 12:37:10 发布

weixin_34021089

最新推荐文章于 2024-10-08 12:37:10 发布

阅读量110

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/1589656/blog/224357

版权

2019独角兽企业重金招聘Python工程师标准>>>

       这两天已经学习了html的基本标签知识，下面将这两天接触到的内容做一个总结：

1.html 基础标签：

（1）内容的对齐方式：<td> 右对齐，<th>居中。

（3）  列表标签:

演示列表：
<d1>
    <dt>标题</dt>
    <dd>内容</dd>
</d1>

项目列表标签：
<ol type="1">  type里的内容为标签内容的前标的形式
    <li>有序的项目列表</li>
    <li>有序的项目列表</li>
    <li>有序的项目列表</li>
    <li>有序的项目列表</li>
</ol>
<ul>
    <li>无序的项目标签<li>
    <li>无序的项目标签<li>
    <li>无序的项目标签<li>
</ul>

(4)文本标签：

<font size=“”color=“ >文本内容</font>   文本相关的字体属性都可通过font来设置

(5)转义字符

< 等于<; 

(6)图片标签：

<img src=“图片地址”/>

这里要注意的一点是  设置图片地址时，如果图片和html文档不在一个文件下，要先通过在图片地址前面加“..”将图片的地址撤回到与文档同一级别的目录。

(7)表格：

<table border=“边框的宽度” bordercolor=”边框的颜色”cellspacing边框距离 cellpdding=”内容举例边框的距离”>

<tr>（行）

<td>（单元格）

单元格中的内容

</td>

</tr>

</table>

（8）超链接

<a herf=“连接地址，注意：地址之前需要加协议，如网页就是http：//”,不然会被当作文件协议处理>需要超链接的内容</a>

超链接有两个作用，一个是为了连接资源，另一个是定位

其中锚的作用就是定位：锚的代码体现：<a name=”top”></a>

<a href=“#top”></a>

（9）在新窗口中打开

<target=”_blank”>

代码体现：

<table>

<tr>

<td><a href="11.jpg" target="_blank">打开新窗口</a></td>

</tr>

</table>

(10)框架：

代码体现：

<frameset rows=”20%,*”>

<frame src=”子版块中要放入内容”>

<frameset cols=”20%,*” noresize=”noresize”>

<frame src=”第一个板块需要的内容”>

<frame src=”第二个板块中需要的内容”’>

</frameset>

</frame>

noresize表示的是框架线固定

（10）画中画标签

代码体现：<iframe src=”需要插入的内容” heigth=”” width=””>

（11）注册表单

实例代码：

表单头和尾内容：

<fieldset>

<legend>填写的内容</legend>

</fieldset>

表单：

<form action=”目标地址” method=”get(或者post)’></form>

get 和post在应用上的区别：

get提交显示在地址栏，提交敏感信息不安全，存储的信息有限，get将信息封装到了请求行，

而post把信息封装到了请求体.

不敏感的信息可用get，一般用post

表单的一系列标签：

<input type=”text” name=”xxxx”/> 文本标签

<input type=”password” name=”xxxx”/>密码标签

<input type=”radio” name=”sex” value=”xxx”/><input type=”radio” name=”sex” value=”xxx”/>单选标签

<input type=”checkbox” name=”work” value=”xxxx”/> ....这里可写多个.....多选标签

<select type=”国家”>

<option value=”none”>选择国家</option>

<option value=”cn” selceted=”selected”>中国</option>

。。。。。。。

</select>

selceted=”selected这句为默认的设置   下拉菜单标签

<input type=”submit” value=”提交”/><input type=”reset” value=”清空”/>提交重置标签

<input type=”button” name=”” value=”” οnclick=”alert(‘事件内容’)”/> 按钮标签和事件标签

<input type=”hidden” name=”” value=””/>隐藏标签

<input type=”file” name=”file”/>  上传文件标签

<input type=”image” src=”图片地址”> 图片标签，图片可用来上传

（12）一些其他的标签：

<b>加粗  <i>斜体  <u>下划线  <sub>下标 <sup>上标 <strong> 加粗

<marqee behavior="形式" direction="down">动态标签  

<pre> 将文本的内容原来的形式显示在网页上

以上是html基本的标签知识，这两天我会继续加强这些知识的实际应用，也会继续写博客来总结所学的知识。