- 标签:
- 使用标签的注意事项:
- 嵌套顺序要一致
- 使用标签的注意事项:
- html文件的基本结构:
- <html>
- <head>...</head>
- <body>...</body>
- </html>
- <html></html>称为根标签,所有的网页标签都在<html></html>中。
- <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签
- 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
- 这个就跟人的构造是一样的,我们人体称之为”html“,首先是头部”head“,其次是”body“,最后是脚“/html
- <html>
- 【常用的标签】
- <title>...</title>
在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
- <body></body> 还记得body标签吗,在上一章节我们简单介绍过:在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。
- 如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。<p>标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。
- 使用<hx>标签来制作文章的标题。标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
- <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
- <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
- <q>标签用来表示引用,是对简短文本的引用
- 浏览器对<blockquote>标签的解析是缩进样式
- <address></address>可以为网页加入地址信息 :注意拼写
- <br/>用来表示这行,只需要一个并且加入到文本最后即可
- 表示空白,其后面的分号不可省略
- <hr/>表示水平横线,线条比较粗
- 插入代码:如果是一行的话就用<code></code>,如果是多行的话就用<pre></pre>
- 使用<ul><li></li></ul>添加新闻信息列表(带圆点的)
- 使用<ol><li></li></ol>添加带有顺序的信息列表(有1、2、3列表顺序的)
- 使用<div></div>来进行区域划分,并且可以在需要在<div id="xx">进行模块的命名,注意不要忘记双引号
- 如何使用table、tbody、tr、th、td来进行表格的创建:
- <table>…</table>:整个表格以<table>标记开始、</table>标记结束。
- <tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
- <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
- <td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
- <th>…</th>:表格的头部的一个单元格,表格表头。
- 表格中列的个数,取决于一行中数据单元格的个数。
- 知识点延伸:如何为表格添加边框:
<style type="text/css"> table tr td,th{border:1px solid #000;} </style>
- 表格的摘要和标题:
摘要:<table summary="表格简介文本">
标题:
- 使用<a></a>标签为文本插入超链接
- 使用href嵌入至<a>语句中,插入一个网址
- 使用title=""插入至<a>语句中以使得鼠标滑过有特效产生
- 使用target="_blank"插入<a>语句使得打开网页在新的窗口打开
- 使用<a>进行email的链接,用法如下:
- 如果在使用mailto的时候后面有多个参数,第一个参数要以"?"结尾,后面的参数每一个都以"&分割"subject
- 请注意malito后面使用:而不是=。还有很多其它的需要注意
- 使用<img>标签,为网页插入图片:
- 使用form为网页进行交互:
- 当type="text"时,输入框为文本输入框;当type="password"时, 输入框为密码输入框:
- name:为文本框命名,以备后台程序ASP 、PHP使用。
- value:为文本输入框设置默认值。(一般起到提示作用)
- 使用文本域:
- 使用单选框、多选框:
- 使用同一组的单选按钮时,name的取值一定要一样,否则单选按钮起不到单选的作用
- 使用下拉列表:
- 可以使用selected="selected"在第一个option标签页中已表示默认选项
- 可以使用multiple="multiple"使得下拉列表具有多选功能:
- 使得提交按钮\重置有效:属性为="sumit"或者='reset"
- Html的代码注释:
什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。
- 标签:
认识html
最新推荐文章于 2020-01-14 14:49:52 发布