zoukankan      html  css  js  c++  java
  • HTML基础知识

    开始学习HTML语句,用到的软件是Dr,刚开始当然是讲HTML全称是(Hyper Text Markup Language,超文本标记语言),再就是讲网页的分类了,网页分为:静态页面和动态页面它们没有明显的区别,都可以出现动态的图片或是文字,外表是看不出区别的。静态页面修改时是要源代码,而动态页面不用源代码就可以修改;静态页面不牵扯数据库,动态页面需要和数据库进行链接等。还讲了动态页面和静态页面后缀名的区别:静态页面后缀名可以是.html或.htm,动态页面可以有这些后缀名可以是.aspx(C#)、.jsp(JavaServer)或.php(PHP)。在Dr的新建列表中还有XML(可扩展的标记语言),这个和HTML相似,但也有区别:HTML是用来展示页面的作用,XML是可以跨平台传递数据的。虽然是用的Dr但没有用设计视图,而是用的代码视图,这样就是让我们认识HTML基本架构和基本标签的意思,还有讲到基本语法。
    在HTML中重要的就是标签,标签又分为单标签和双标签。单标签和双标签中可以添加属性,(注意:双标签的属性必须填在开始标签中)它们的作用也是不一样的,单的作用为控制性,双的作用为内容的容器。还有就是简单的注释语法,注释掉的内容变成灰色,但是注释内容不能影响代码的正常运行。
    基础标签和构架:有个最外层的成对标签,在里面有两个子成对标签就是和,可以叫它们头部和主体部分。在头部也就是标签中又有子标签,单标签和双标签,在<meta>中有它的属性,最重要的一个属性就是设置编码格式charset属性,对于编码格式通用的有两种,一种是国际标准utf-8,另一种是国标GBK-2312,在这里用国际标准的就可以。(注意:这里的编码格式要和浏览器的编码格式一致,若不一致会出现乱码)<br> 再就是简单的编写格式:先写“开始标签”再写“结束标签”然后是“内容”最后写“内容的属性”,在编写格式中,还讲到了为了可以轻松找到双标签的开头或是结尾,可以对他们的子级分层管理,选中标签的子级后,敲键盘的Tab就可以,这样可以统一后退;用Shift+Tab键是向前走。<br> 往后就是学习各个标签的使用和属性设置了,先是最外层的<body>的属性设置,网页的背景色、背景图片、网页字体颜色等。这里就要用到相对应的英文了,对于颜色使用的是十六进制的数,例如#000000,#是指颜色,后面的数是以每两个一分组,00:红色;00:绿色;00:蓝色。还用到了图片的路径,路径分为相对路径和绝对路径,绝对路径可以说是根路径,相对路径可以说是以这个文件所在位置的路径,相对路径可以是:./(当前路径)../(上一级目录)。<br> 常用的标签有很多,控制文字的、控制格式的、内容容器等。控制文字的标签也就是对文字加上一些效果,例如加粗、倾斜、下划线......它们都有相对的标签,这些标签都是双标签:<b><i><u>这里只写开始标签了,除了这个也是可以对标签进行嵌套的,要是想要文字加粗又有下滑线,那么可以对文字进行<b>和<u>标签的嵌套。还有两个不常用的标签也是可以进行文字的加粗和倾斜,这个标签是语气强调用于搜索引擎的,网页优化。<br> 格式的变化可以是<br />这是换行标签,属于单标签。空格的添加是要用特殊的字符来设置的,要是只按空格键是不起作用的,空格的字符就是“&nbsp;”。<br> 再就是容器了,对于文章的可以用<h>和<p>这个双标签,一个是标题,另一个是段落。标题标签是对标题自动加粗、自动换行,并且它们的行距较大;段落也是有距离的,只存在于每个段落之间距离较大,段落中的句子之间较小。<br> 都表示层的标签是<span>和<div>标签,但是它们存在差别。在位置上存在差别,前者是<span>多大就占多大的空,后者是不管<div>有多大都占那么一行。列表也是有两种标签:<ol>和<ul>都是双标签,举一例<ul>是列表,里面是要有项的,项就用<li></li>标签。<ol>是有序列表,顾名思义也就是有序号,它的类型就是数字或是字母;<ul>是无序列表,也就是没有序号,它的类型都是原点或是方框。常用的就是无序列表,可以用它来做些导航栏上的菜单之类的。学的都是基本的标签和属性,记住这些常用的标签也是可以的,后面学到的就是越来越加深下去。</p>

  • 相关阅读:
    python中的 if __name__ == "__main__": 语句的作用
    python的打包与解包
    python循环删除列表元素
    python字典键值对新增与修改的几种方法及差异总结
    python列表元素删除的几种方法以及差异总结
    python之redis(二)
    python之redis(一)
    python之mysql(四)
    python之mysql(三)
    python之mysql(二)
  • 原文地址:https://www.cnblogs.com/nuanai/p/6009145.html
Copyright © 2011-2022 走看看