1. 第一行 <!DOCTYPE html> 表明网页使用的是HTML5版本

2. 网页的head内容，包含了 title，meta。

3. 网页的标题 title，注意这个显示在浏览器的左上角的文字或图标，注意怎么去替换那个图标?

4. 网页的meta 标签，在meta标签中可以定义很多中属性

3.1 定义页面使用的字符集   <meta charset="UTF-8" >

3.2 定义页面的关键字  <meta name="keywords" contents="word1,word2,word3,word4 ...">

3.3 定义页面的描述信息 <meta name="description"  contents="这里用来填写网站的描述信息，在最后注意留下联系方式..." >

5. 网页的body，可以放很多有趣的内容，并真正开始显示在页面上。

6.一个页面中只允许出现一次h1,因为多余的搜索引擎不再识别。

7. h标签标题最多只有h6,虽然h2-h6允许多次出现，但是我们日常开发中，尽量只允许出现一次。

8. CSS选择器有几种：

8.1 类选择器 class   以点号（.）的方式引用

8.2 ID选择器  id    以井号的方式引用 ( # )

8.3 类型选择器      以类型方式引用 ( td tr ....)

9. 超链接,又分为内链，外链。

9.1 外链 <a href="http://www.baidu.com" >百度</a>

9.2 内链 <a href="index2.html">第二页</a>

9.3 超链接可打开的方式，在原来窗口，在新窗口等等。。。

10. 引用图片的方式中，alt有什么用处: 用来提供给浏览器搜索文字使用，因为浏览器不识别图片信息。

<img src="" alt=""></img>

11.  字体的样式，加粗,斜体，字体色，字体大小。。。

12.  暂时先想这么多把。。。。。。

第一节 HTML网页和CSS样式的更多相关文章

  1. HTML静态网页（css样式表）

    CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/    此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控 ...

  2. 第一周复习二 （CSS样式表及其属性）

    样式表三种写法 1内联写法:style直接写在标签内.个人感觉多用于个别标签,一般情况优先级较高 style="font-size:16px;" 2内嵌写法:写在<head& ...

  3. 网页滚动条CSS样式

    滚动条样式主要涉及到如下CSS属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容 overflow: auto; 在需要时内容会自动添加滚动条overflow: ...

  4. 各种浏览器兼容篡位的css样式写法

    谷歌浏览器的识别 @media screen and (-webkit-min-device-pixel-ratio:0) { height:10px; } IE6特制识别的 *HTML .Searc ...

  5. 移动端网页 rem css书写

    移动端网页书写   css样式: @charset "utf-8";body,html{font-family: "微软雅黑";font-size:100px; ...

  6. 第一章入门篇CSS样式的分类、盒模型

    1.CSS样式的分类 CSS样式分为一项4种: 1.内联样式表,直接写在元素style属性里面的样式,如 <p style="color:red;">内联样式</ ...

  7. java基础57 css样式、选择器和css定位（网页知识）

    本文知识点(目录): 1.CSS样式    2.选择器    3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构    2.css(层叠样式表)在一个页面中负责了一个页面 ...

  8. HTML静态网页 css样式表

    CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/    此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控 ...

  9. css样式 第6节

    程序员语录: 不要太刻意地把写程序这件事和挣钱挂起来,局限了你挣钱的本事 <html> <head> <title>网页样式</title> </ ...

随机推荐

  1. 计算机图形学 - 图形变换（opengl版）

    作业题目: 图形变换:实现一个图形绕任意直线旋转的程序. 要求:把一个三维图形绕任意一条直线旋转,需要有初始图形,和旋转后的图形,最好也可以实时控制旋转. 最少要做出绕z轴旋转. 原理:http:// ...

  2. 深入浅出Redis02 使用Redis数据库(String类型)

    一 String类型 首先使用启动服务器进程 : redis-server.exe 1. Set 设置Key对应的值为String 类型的value. 例子:向 Redis数据库中插入一条数据类型为S ...

  3. JQuery 学习笔记(01)

    JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Oper ...

  4. Linux学习之CentOS--CentOS6.下Mysql数据库的安装与配置

    跟着配置,顺利配置完成 http://www.cnblogs.com/xiaoluo501395377/archive/2013/04/07/3003278.html

  5. mysql user administration

    1. 为数据库databasename创建web用户 1.1 创建数据库 mysql> create database databasename; 1.2 为数据库创建用户 mysql> ...

  6. spring+hibernate ---laobai

    biz包: package com.etc.biz; import java.util.List; import org.springframework.orm.hibernate3.support. ...

  7. JavaWeb学习笔记——开发动态WEB资源（四）打印当前使用的是get方法

    该工程的名称是testhttp,功能是在页面中表格打印浏览过程中的相关头信息. 新建一个工程,然后在这个工程里面新建一个servlet,这样便可以省去编写web.xml的过程 以下是TestHttpS ...

  8. Ajax本地跨域问题 Cross origin requests are only supported for HTTP

    问题:打开本地html文件时,报错如下 Cross origin requests are only supported for protocol schemes: http, data,chrome ...

  9. LeetCode —— Merge k Sorted Lists

    /* ** 算法的思路: ** 1.将k个链表的首元素进行建堆 ** 2.从堆中取出最小的元素,放到链表中 ** 3.如果取出元素的有后续的元素,则放入堆中,若没有则转步骤2,直到堆为空 */ #in ...

  10. mono中显示debug信息(filename/lineno)

    一直发现 mono 的 traceback 没有 fliename.lineno,很奇怪.研究了下,原来编译和运行时要加参数的. dmcs -debug /r:xunit.dll /t:library ...