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

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为输入框设置默认值,一般起提示作用;




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 2,866评论 0 11
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,115评论 2 21
  • 1、HTML介绍 1 2、Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户...
    夏沫xx阅读 1,432评论 0 8
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 小曼微课笔记004 课程时间:2016.8.2 带拆人:李小曼 书名:拯救赖床钉子户 主办方:吾同院拆书帮 平台:...
    一书三拆阅读 185评论 0 0