【南大软院大神养成计划】html+css基础教程之标签

首先,在大二的时候我做过一周的有关html+css的实训课,也自己试着做了一个网页。但是当时是跟着老师,并没有自己的思考。

     通过这两章的学习,我感觉知识点都是很简单的基础内容,也让自己回忆起了当时学的一些相关内容,更重要的是,自己也知道了一些细节性的问题。不是只是了解各大概。

    以下是我对标签的总结:

  1.HTML是网页内容的载体。/css样式是表现。/JavaScript是用来实现网页上的特效效果。

  2.基本结构:

     <html></html>  根标签

     <head></head> 头部  (定义文档)可以包含:<title></title>  它的内容是网页的标题,显示在浏览器中标题栏中。

                                                                                        <script></script>

                                                                                         <style></style>

                                                                                         <link></link>

                                                                                         <meta></meta>

    <body></body> 内容    可以包含:<hx>标题文本</hx>   注:有六个  x从1-6。

                                                                 <p>段落文本</p>

                                                                  <a></a>

                                                                   <img>

其它标签:1.<em> 默认样式:斜体    强调

                   <strong>默认样式:字体加粗   强烈的强调

                   <span>无语义  设置单独的样式

                     2.<q>引用文本   代表了双引号   所以在文本中可以不需要写双引号

                        <blockquote>引用长文本       缩进样式  也不需要写双引号

                     3.<br/> 换行 <hr/>分隔

                         <address></address> 地址

                      4. <code></code>代码

                          <pre></pre>多行代码

                      5.<ul>

                        <li></li>

                        </ul>    列表 无前后顺序

                        <ol>

                        <li></li>

                        </ol>  有前后顺序

                      6.<div></div> 划分独立的逻辑部分

                       <div id="板块名称"></div>

                       7.创建表格

                        四个元素:<table></table>表格开始和结束。

                                         <tbody></tody>表格整体下载完后再显示。

                                         <tr></tr>行

                                        <td></td>列

                                       <th></th>表头 默认加粗并居中

                                   <table summary="表格介绍文本">

                                   <caption>标题文本</caption> 写于第一个 <tr>上方。

                   8.<a>连接到另一个页面

                   <a href="目标地址" title="鼠标划过显示的文本>链接显示的文本</a>  想要在新窗口打开页面 要添加target="_blank"。

                  9.链接email

                 

                10.插入图片

                <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 

                  11.表单

                  <form   method="get/post"   action="服务器文件">

                 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务                        器上哦!)。
                 2、method:post/get的区别这一部分内容属于后端程序员考虑的问题。

                 <input type="text/password" name="名称" value="文本" /> 文本框、密码框         
                 <textarea  rows="行数" cols="列数">文本</textarea> 文本域
                <input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>单选复选框    注意:单选框的name必须一样      

               下拉框: <select>

                              <option  value="提交值“>选项

                              </select>

                              设置selected="selected"属性,则该选项就被默认选中。
                              设置multiple="multiple"属性,就可以实现多选功能

                <input   type="submit/reset"   value="提交/重置">

                <lable for= "控件id名称"> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值