码迷,mamicode.com
首页 > 其他好文 > 详细

前端的开始

时间:2018-09-14 18:20:31      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:样式   cin   标题   NPU   body   img   trade   链接   bre   

HTML(HyperText Mackeup Language):,超文本标记语言,是结构,制作网页

CSS:是衣服,用来美化网页

JS:是动作,让网页动起来的.

HTML:超文本标记语言

html除了语义什么都没有

结构:

  声明部分,告诉浏览器,页面制作是使用的哪个标准.(文档第一行)<!DOCTYPE html>

  head部分:将页面额外信息告诉服务器,不会显示在页面上<head></head>

     <title>:指定整个网页的标题,在浏览器最上方显示。

     <meta>:提供有关页面的基本信息  

      <link>:定义文档与外部资源的关系。

      <style>:定义内部样式表与网页的关系

  body部分:我们的代码都写在这里面 <body></body>

    

特征:

  1空白折叠现象

  2对空格和和换行不敏感

  3标签要严格封闭

标签分类:

   1行内标签:

    a在一行内显示 span   strong  em   i   del   a 

    b不能设置宽高,默认宽和高,是内容填充

   1.1行内块标签  img  input

    a在一行内显示    b可以设置宽高

  2块级标签  div  p   h1-h6

    a独占一行

    b可以设置宽高,如果不设置宽高,默认的宽是父亲的100%.高度是内容的高度.

字体标签:h1-h6 标题标签 <font>设置字体类型颜色和大小  <u>下划线标记  <b> <strong>加粗   <em> <i>斜体  <sup>上方显示(上标)  <sub>下角显示(下标)

排班标签: <div>定义块 换行   <span>定义区域 不换行  <br>换行标签  <hr>水平线标签  <center>内容居中显示  <pre>预定义 保存原有格式,空格不折叠.

超链接:<a>  网址链接 

      href:目标是URL

      title 悬停文本

      name:主要用于设置一个锚点的名称

      target:

图片标签:<img> 链接图片   <img src=""> src是选择图片路径 两种方式:绝对路径,相对路径

特殊字符: 

&nbsp; 空格 (non-breaking spacing,不断打空格)

&lt;  小于号(less than)

&gt  大于号(greater than)

&amp;  符号&

&quot; 双引号

&apos;  单引号

&copy;  版权

&trade;  商标

HTML 特殊字符表链接:  http://tool.chinaz.com/Tools/HtmlChar.aspx

 

特别注意:p标签是一个文本级标签,p里面只能放文字,图片,表单元素,其它的一律不能放

<p align="center">文字居中显示(还可以设置 left,right)</p>

 

div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。CSS课程中你将知道,这两个东西,都是最最重要的“盒子”。区别:<span>是不换行的,而<div>是换行的。

span里面只能放置文字,图片,表单元素,

 

前端的开始

标签:样式   cin   标题   NPU   body   img   trade   链接   bre   

原文地址:https://www.cnblogs.com/lingcai/p/9648002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!