HTML以及css基础(一)

一、web标准:结构(HTML、XML)、表现(css)、行为(JavaScript)。

  1. HTML:超文本标记语言。XML:可扩展的超文本标记语言。

  2. css:层叠样式表,是一种用来表现HTML和XML的计算机语言。

  3. javaScript:简称js,1995年诞生的,刚开始名为liveScript。JavaScript它是一个基于对象和事件的客户端脚本语言。

二、HTML 5:是HTML的第五个版本,是W3C与WHATWG合作的结果。(WHATWG:网页超文本应用技术工作小组)

三、建站流程

  1. 域名注册(需要购买)------->租用空间--------->网站建设(市场调查)--------->推广---------->维护

四、HTML文档结构:

  1. HTML网页组成:doctype声明文档类型、head头部和body主体。

  2. head头部组成:meta标签(声明编码格式,例如:<meta charset="utf-8" />)、title(网页标题)。

  3. body主体组成:网页内容(包括图片、文本、音频、视频等)。

  4. 站点作用:整合网站。<HTML></HTML>说明我们写的是标记语言。

  5.建立站点的目的:规划网页内容和代码。站点组成:img、css、js、HTML等。

  6. 预览:用F12打开。

五、网络三剑客:flash、dw、ps。

六、作为web前端工程师,以后我们肯定要会一点ps,毕竟UI给我们的图我们要会切图吧,所以下面扩展下ps的快捷键。

  1. Ctrl+u打开   打开“首选参数”面板,可以修改视图文字大小。  F4:显示/隐藏面板   Ctrl+o打开    Ctrl+f查找/替换    alt+f4关闭  Z  放大图片   H(或者空格键)  抓手工具   Ctrl+n 新建  Ctrl+tab 切换编辑窗口         F8查看位置,宽度以及高度     Ctrl+shift+s   另存为   Ctrl+S 保存  ctrl+shift+alt+s  存储为Web     C 裁切  M是选框工具  X  前景色与背景色切换  i  吸管工具  ctrl+T 自由变化 Ctrl+R  显示标尺  

  2. 裁剪保存为新图像:矩形选框工具选中------->Ctrl+c--------->ctrl+N-------->ctrl+V--------->alt+shift+ctrl+s (存储为web)

  3. 图片大的可以通过使它变小或者tiaozh调整品质。

七、文件名命名规范

  1. 小写英文字母、数字、下划线组成。

  2. 不包括汉字、空格和特殊字符。

  3. 必须以英文字母或下划线开头,不可以以数字开头。

八、HTML基本语法

  1. 双标签:标签必须成对出现。(例:<div></div>)

  2. 单标签:以反斜杠结束。<img   />(是XHTML语言)

  3. 写在尖括号里面的叫标签或者标记或者元素。

  4. <hr />水平线   <h1></h1>到<h6></h6>标题(标题是加粗的黑体)  <p></p>段落标记(每个P标记独占一行,段与段之间空一行)  &nbsp;  空格(一般两个字代表一个空格)   <B></B>加粗黑体(相当于strong)  <I></I>斜体(相当图em)  <u></u>下划线  <del></del>删除线   <sup></sup>下角标  <sub></sub>   上角标    <br />强制换行     &copy;版权信息   &gt;  大于   &lt; 小于  <a></a> 超链接(若是平级,直接在href后写)

七、注释(用户界面不显示)

  1. HTML注释  :<!--注释内容  -->  

  2.css注释:单行注释  ://单行注释  用两个反斜杠;多行注释:/*多行注释*/

  3. HTML中的列表

    3.1 有序列表:默认列表符号是阿拉伯数字,一共有五种,分别是:A、a、i、I、1;可以通过type来修改列表符号。

    <ol>

      <li></li>      

    </ol>

    3.2 无序列表:默认黑色小圆点,由黑色小圆点(disc)、空心圆(circle)、空心小方块(square);也可以通过type来修改默认列表符号。

    <ul>

      <li></li>      

    </ul>

    3.3 自定义列表:dt提问问题,名词;dd问题的答案,名词的解释。(dt只能有一个,而dd可以由多个,首行空了两个字符)。

    <dl>

      <dt></dt>

      <dd></dd>  

    </dl>

 备注:列表之间可以嵌套,例如li标签可以嵌套ul标签。

转载于:https://www.cnblogs.com/shwam/p/7894677.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值