zoukankan      html  css  js  c++  java
  • 网页的通用标签和属性

    2016年10月28日开学第一课,学习了网页制作,
    网页的基础知识(HTML:超文本标记语言)
    网页的分类:分为静态页面和动态页面;静态页面和动态页面在外观上是没有差别的;
    区别:静态页面不好修改,如果修改要修改原代码,不连接数据库。
    动态页面好修改,直接从数据库连接出来。
    做一个完善的网站需要:HTML--CSS--javascript
    HTMl是做网站的基础,css是用来美化网页的,javascript是网页和浏览器的脚本语言,用来做网站特效的。
    动态网页分:ASP.NET.C# 网页的后缀是.ASPX 说明使用C#做的动态页面;JSP 做java的动态页面 后缀.jsp;php 做PHP的动态页面 后缀.PHP。
    在今天学习的HTML中知道了HTML的基础语言,在HTML最小的单元和核心的东西是标签,在<>里的内容是标签。
    标签又分为单标签元素和双标签元素
    双标签的作用是用来作为内容的容器存在;两个相同名字的标签组成一个元素称为双元素;<>是开始标签,< />结束标签;然后可以在开始标签里面加一些属性,而属性是用来控制内容得
    格式是<标签名+空格+属性>;在开始标签和结束标签之间放要执行的内容;在标签中=左边放的是属性名=右边放属性值。
    单标签是起控制性作用的;只有一个标签构成元素,单标签的表现格式<标签名+属性>,<标签名+属性/> < />< >尖括号里的斜杠有无都可;< />对于单标签来说既是开始标签又是结束标
    签。 还有注释语法:用来给代码作说明,<!--需要注释的文字--> 在程序中不执行,只给人看。
    另一个方面学习了基础的标签:
    heml 是网页的开始与结束;head用来放一些控制性的内容,可用来控制网页的格式,网页的样式,产生特效;boby是主体标签 在这里面放一些要显示出来的网页内容,content=text/heml
    代表网页是text/heml;charset=uft-8 这个是编码格式 charset是字符又有是编码格式=uft-8(值)
    国际编码格式uft-8,国内zbk 一般会默认为zbk
    title用来设置网页的标题;写网页的标签规则:一定要先写开是标签,接着写结束标签,再写内容,最后写属性
    格式的属性;
    <boby的属性 bgcolcor="#(颜色)颜色代号">用来制作网页的背景颜色;颜色代号是16进制的,A表示10,B表示11,以此类推;
    text是用来修改网页中字体的颜色;background(背景图片)="这里是图片的路径"
    格式的控制类:
    font的属性:<font>文字</font>用来控制文字;face是用来设定文字的字体="字体";size可以用来调整文字的大小="+3";在FONT的color是用来控制文字的颜色="颜色"
    <b>文字</b>用来加粗文字;<i>文字</i>让文字变的倾斜;<u></u>给所写的文字加上下划线;如果让一段文字即加粗又倾斜可以用<i><b>需要加粗和倾斜的文字</b></i>
    控制格式:
    <br/>在每行代码结束的打上这个单元素代码可以让输入的文字实现分行的作用;在编写代码的时候无论敲多少个空格在浏览器显示的时候只显示一个空格,想要在浏览器中显示多个空格需要在代码中输入&nbsp来代替空格,输入一次代表一个空格,
    <strong></strong>也具有加粗文字的作用;<em></em>也有让文字倾斜的作用;和代码<b><i>所不同的是又强调语气的作用;针对于搜索引擎,会最先注意带<strong><em>的代码,再就是内容的容器(通用的标签):
    在制作网页中<h1>--<h6>用来填写标题的,H1是最大号文字的标题H6是最小号文字的标题,这个可以自动文字加粗、文字自动换行;在标题中输入一些段落可以用<p></p>添加要输入的段落文字。<h><p>配合使用可是用来编写文章。
    网页的布局分为两类1.<span>层标签</span>z这个主要存放一些文字2.<div>也时层标签</div>但不会对里面的内容产生效果,做容器使用放图片、做布局用
    div+css可以做网页的样式表,div做框架css做美化的作用,div在浏览器显示的内容默认占一行,而span在浏览器显示的时候内容多大就占多大的地方。
    网页的布局在最初的时候是用表格来做网页布局的不够灵活,后来有了div+css灵活可以随意改网页的大小和内容,就是复杂一点但是实现主流的布局方式。之后又有了网格系统布局主要适应移动客户端;网格系统布局和表格布局较为类似。
    做列表有两种:一种是有序列表<ol>一种是无序列表,在有序和无序列表中用<li>来实现分项;有序列表的属性:<ol type="顺序号"><li>表示列表里的每一项内容。<ul>无序列表的属性<ul type="每个分项内容的前缀符号">无序列表可以做菜单(div也可以)
    2016年10月28日

    甘冬

  • 相关阅读:
    455. Assign Cookies
    [leetcode]Linked List Cycle
    *[topcoder]GooseTattarrattatDiv1
    [topcoder]FoxAndChess
    *[topcoder]TheTree
    *[topcoder]LittleElephantAndBalls
    *[topcoder]HexagonalBoard
    *[topcoder]AstronomicalRecords
    *[topcoder]LittleElephantAndIntervalsDiv1
    [topcoder]IncrementAndDoubling
  • 原文地址:https://www.cnblogs.com/gdbaby/p/6008547.html
Copyright © 2011-2022 走看看