HTML+CSS基础小知识汇总(一)

作者: _1874_f | 来源:发表于2017-09-24 01:47 被阅读0次

HTML小知识点汇总。


html的基本结构: <html>....</html>一般在开始端和结束端;

<head>....</head>头部标签,一般包含“<title><script><style><link><meta>”等标签;

<body>网页的主体部分。

标签:

<hx>标题标签,x可取1~6,代表依次减小的字号;

<p>..</p>段落标签,中间是文本段落;

<img src="">图片标签,引号部分为图片存储链接;

注意:网页上所有要显示的内容都要放在<body></body>中。

<em>,<strong>两个标签分别用来表示强调语气;前者是将字体表示为斜体,后者为加粗字体;

<span>标签,用来单独设置样式,用法需加上<style>标签:

<style>

<span>.....</span>

</style>如需加颜色则在<style>前加上“span{color:#900}”;

<q>简短文本引用标签,它在用作引用时会自动加双引号;

<blockquote>长文本引用;

&nbsp;空格标签;

<br/>,分行标签,它是一个空标签,只有一个开始标签;

<hr/>,加段落分隔横线的标签,它也是一个空标签,只需开始标签;

<img>标签,用法:

<img  src=“图片地址”    art=“下载失败时的替换文本”  title=“提示文本”(即鼠标滑过图片时的描述语句)>;

<address>....</address>,地址标签,中间填入地址信息,网页上默认显示为斜体;

<code>...</code>,中间可以填入一行代码;

<pre>....</pre>,中间可填入多行代码;

ul-li标签,是没有前后顺序的消息列表,用法如下:

<ul>

<li>信息1</li>

<li>信息2</li>

</ul>显示的两条信息无先后,如下图:


ol-li标签,是有前后顺序的消息列表,用法如下:

<ol>

<li>信息1</li>

<li>信息2</li>

</ol>显示的消息有先后,如下图:


div标签,将独立的逻辑部分划分出来;

<div      id=" 版块名称  ">........</div>;id部分是给划分出来的版块命名;

table标签:

添加表格有4个元素:

<table>.....</table>整个表格由此开始,(<table  summary="  对文本简介  ">是给表格一个简介)

<tbody>....<tbody>用来分段;

<tr>......</tr>表格的一行,有几对<tr></tr>就有几行;

<td>.......</td>表格的一列,有几对<td></td>就有几列;

<th>......</th>表格头部的一个单元格,表头表格;

<caption></caption>表格标题;


<a      herf="超链接">链接显示文本</a>在当前网页可以打开的超链接;


<a  herf="超链接"    target="_black">链接显示文本 </a>在新页面打开的超链接;


<mailto>标签表示发送邮件:


表单标签:

<form method="传送方式”  action="服务器文件">

<form></form>成对出现,表征开始和结束;

action:浏览器输入的数据被传送的地方,例如一个php页面(save.php);

method:传送方式:post/get;

文本输入框,密码输入框:

<form>

<input  type="text/password"      name=“名称”      value=“文本”>

</form>

text表示文本输入框,password表示密码输入框,value为输入框设置默认值,一般起提示作用;


相关文章

网友评论

    本文标题:HTML+CSS基础小知识汇总(一)

    本文链接:https://www.haomeiwen.com/subject/dxwhextx.html