文档章节

HTML基础知识

Ethan-GOGO
 Ethan-GOGO
发布于 2016/06/08 11:44
字数 1082
阅读 45
收藏 5

1.加入强调语气,使用<strong>和<em>标签

<em>需要强调的文本</em>  

<strong>需要强调的文本</strong>

 

2.<q>标签,短文本引用

自动为文本加入双引号
<q>引用文本</q>

 

3.<blockquote>标签,长文本引用

自动前后缩进
<blockquote>引用文本</blockquote>

 

4.<br />相当于换行回车

5.&nbsp;相当于输入空格

6.<hr>标签,添加水平横线

 

7.<address>标签,为网页加入地址信息

自动换行斜体
<address>联系地址信息</address>

 

8.<code>标签,为网页加入一行代码

<code>代码语言</code>
注:如果是多行代码,可以使用<pre>标签。

 

8.<ul>、<ol>添加列表

<ul>//ul-li是没有前后顺序的信息列表。默认前有黑点
   <li>我的第一个列表信息。</li>
</ul>
<ol>//ol-li是有前后顺序的信息列表。默认前为数字
   <li>我的第一个列表信息。</li>
</ol>

 

9.<table>表格

创建表格的四个元素:
table、tbody、tr、th、td
1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
5、<th>…</th>:表格的头部的一个单元格,表格表头。

6.摘要:<table summary="表格简介文本">
7.标题:<caption>标题文本</caption>

<table summary="表格简介文本">
 <caption>标题文本</caption>
  <tbody>
    <tr>
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
    <tr>
      <td>三班</td>
      <td>32</td>
      <td>80</td>
      </tr>
  </tbody>
</table>

 

10.<a>

//target="_blank"在新窗口打开
<a href="目标网址" target="_blank">click here!</a>

 

11.<img>

<img src = "myimage.gif" alt = "占位符" title = "My Image" />

 

12.表单标签与文本框

<form   method="传送方式"   action="服务器文件">
1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。
2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method : 数据传送的方式(get/post)。

<form method="post" action="save.php">
      
      <label for="username">用户名:</label>//文本
      <input type="text"  name="username" id="username" value="" />//输入框
      <label for="pass">密码:</label>
      <input type="password"  name="pass" id="pass" value="" />    
      <input type="submit" value="确定"  name="submit" />
      <input type="reset" value="重置" name="reset" />
</form>  


文本输入框、密码输入框
<form>
   <input type="text/password" name="名称" value="文本" />
</form>
1、type:
   当type="text"时,输入框为文本输入框;
   当type="password"时, 输入框为密码输入框。
2、name:为文本框命名,以备后台程序ASP 、PHP使用。
3、value:文本输入框设置默认值。(一般起到提示作用)


文本域
当用户需要在表单中输入大段文字时,需要用到文本输入域。
<textarea  rows="行数" cols="列数">文本</textarea>

<form action="save.php" method="post" >
    <label>个人简介:</label>
    <textarea cols="50" rows="10">在这里输入内容...</textarea>
    <input type="submit" value="确定"  name="submit" />
    <input type="reset" value="重置"  name="reset" />
</form> 

ps:当type = “submit” 为提交按钮,type="reset"为重置按钮

 

13.单选框、多选框

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
1、type:
   当 type="radio" 时,控件为单选框
   当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中

<form action="save.php" method="post" >
    <label>性别:</label>
    <label>男</label>
    <input type="radio" value="1"  name="gender" />
    <label>女</label>
    <input type="radio" value="2"  name="gender" />
</form>
同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。

 

14.下拉列表框

1、value:
向服务器提交的值
2、selected="selected":
设置selected="selected"属性,则该选项就被默认选中。

<form action="save.php" method="post" >
    <label>爱好:</label>
    <select>
      <option value="看书">看书</option>
      <option value="旅游" selected="selected">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>

 

© 著作权归作者所有

Ethan-GOGO
粉丝 13
博文 174
码字总数 82033
作品 0
广州
私信 提问
来自IOS开发工程师的零基础自学HTML5经验分享

移动互联网的火爆,而Html具有跨平台、开发快的优势,越来越受到开发者的青睐。感谢IOS开发工程师“小木_Boy”’带来的HTML5学习经验分享。 一、学习途径 1、很多视频网站 比如慕课、和极客学...

inw3cschool
2017/03/21
0
0
Bootstrap 教程

Bootstrap 教程 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您讲解 Bootstrap 框架的...

wybo521
2016/01/25
100
0
Html5的培训内容

Html5的培训内容 html5课程内容有哪些   现代人都会选择网络平台来开展各种娱乐体验,比如即将到来的圣诞节,而在浏览各种网站平台的时候,多元化直接影响着用户的体验,所以在进行网站开发...

MyDear宸
2017/05/16
0
0
浅谈零基础新手学HTML5前端开发学习路线

  浅谈HTML5前端开发学习路线。学习HTML5开发先学学HTML、CSS3、JS这些基本的知识,HTML5学习入门的内容基本差不多,但是学习的成果却千差万别,这就是所谓的基础,所谓万丈高楼平地起,地...

Java编程语言基础入门博客
2017/04/04
0
0
PHP入门培训哪家机构教的好?就业靠谱么?

PHP 是一种 HTML内嵌式的语言,是一种在服务器端执行的嵌入HTML文档的脚本语言,语言的风格有类似于C语言,被广泛地运用。因此,PHP程序员也是同类编程语言中较多的,而PHP的市场需求量也越来...

PHP那些事
2017/12/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
43分钟前
4
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
今天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
今天
4
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
今天
6
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部