HTML学习笔记
                                                        王慧东  2017/11/6
基础知识
1、html：超文本标记语言，标记：就是用来描述网页内容的一些特定符号，不是编程语言，而是一种描述性的标记语言。
2、制作html网页文件
    a、新建一个记事本文件，将他重命名 *.html
    b、在里面输入网页的信息内容
    c、在要修饰的内容的两侧加html标记
3、html标记的语法：标记分为两种：单标记、双标记
    a、<标记符>没有结束的标记---单标记
        <标记名称>单一型，无属性值，如<br>
        <标记名称 属性=“属性值”>单一型，有属性值，如<hr width="50%">
    b、<开始标记> <结束标记> ---双标记
        <标记名称>  </ 标记名称>没有属性值，如<title>  </title>
<标记名称 属性=“属性值”> </ 标记名称>有属性值 <body bgcolor="red">  </body>
    注意：源代码中的效果，并不是浏览器最终的效果。
4、标记与属性、属性之间以空格分隔，属性不区分先后顺序，且属性不是必须的。
5、在xhtml中，规定，所有html标记都要小写，所有标记都要有关闭
    html---xhtml
    <br>---<br />
6、html文档结构
    所有的网页文件，通常由四对标记来构成，文档的骨架：
    <html> 标识网页文件的开始与结束，所有html元素都要放在这对标记中
          <head> 标识网页文件的头部信息，如标题、搜索引擎的关键字等
              <title>  标识网页文件的标题
                    标题
              </title>
          </head>
          <body>  标识网页文件的主题部分
                正文
          </body>
    </html>
7、meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查。放置<head> </head>之间设置关键字：
    <meta name="keywords" content="value">多个关键字内容之间可以用“，”分隔
    设置描述：<meta name="description" content="value">
    设置作者：<meta name="author" content="作者名">
    设置字符集：
<meta http-equiv="content-type" content="text/html;charset=gb2312>
    设置页面定时跳转：
<meta http-equiv="refresh" content="2";URL=blog.csdn/hanbo622">
8、注释
   
9、body属性
    <body bgcolor="背景颜" background="背景图像" text="文本颜" link="链接文本颜" vlink="访问过的文本颜"
    alink="激活的链接文本颜" leftmargin="左边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">
10、html元素、html标记、html标签是一回事
11、默认情况下网页内容与浏览器边框之间有距离，有某些html元素有默认值
12、网页文件名，在本地可以用汉字（练习.html）将来网页文件都是保存在服务器上的，一般都用英文。
13、<font>标记
    <font color="文本颜" size="字号" face="字体">文本</font>
    网页中的字体、字号一般通过CSS修饰
    白    white    #FFFFFF 
    红    red        #FF0000
    蓝    blue      #0000FF
    黑    black    #000000
    绿    green    #00FF00
    灰    gray    #999999
14、字符格式
    加粗  <b>文本</b>
    倾斜  <i>文本</i>
    加强语气（加粗）<strong>文本</strong>
  加强语气（倾斜）<em>文本</em>
    下划线  <u>文本</u>
    删除线  <s>文本</s>
    上标    <sup>文本</sup>
    下标    <sub>文本</sub>
15、在写html代码时：
    先写我们的控制内容的标记，例如：这内容比较重要，可以在语义上加权<strong> 关键字</strong>，这部分内容是文章网页的主题建议使用
<h1>文章标题</h>
16、网页段落文字内容----<p></p>
17、段落标记
    <p align="对齐方式"></p>
        left      左对齐（默认）
        center    居中
        right    右对齐
18、html标记之间嵌套使用，一层套一层不会出现错误，但是不能交叉嵌套
19、网页优化核心：用适合的html标记去描述网页内容
20、段落标题
    <hx align="对齐方式"> </hx>
html中的5种空格表示    段落标题说明：
          x取值[1~6] hx内的文本会自动加粗显示。
          hx针对的对象是段落，而font针对的对象的任意文本
21、<br>换行（换行不换段）
22、记住写代码或者效果的演变过程
23、html中，所有的标签都必须有属性值，如果没有使用属性名。
    例如：<hr  noshade="noshade" />----xhtml
          <hr  noshade>----html
24、<hr>水平直线
    size      像素绝对设置，以数字表示，属性值越大，线越粗
              百分比相对设置，以%表示，属性值越大，线越粗
    width    像素绝对设置，长度不会应视窗的改变而改变
              百分比相对设置，长度会随着应视窗宽度而改变
    noshade="noshade"  实体线
25、定义一个块引用：使用文本缩进
    <blockquote> </blockquote> 说明
    cite    url    被引用的地址
26、居中标记<center>内容</center>（被废弃的标签）
27、预格式化<pre></pre> 被包围在pre元素中的文本通常保留空格和换行符，而文本也会呈现为等宽字体，一个常见应用就是用来表示计算机的源代码。
28、特殊字符
    空格         
    版本号      ©
    注册商标    ®
      "          "
      &          &
      <          <
      >          >
29、在文本中的第一个字前直接敲空格不起作用，两个字之间敲多少空格只显示一个空格。
30、列表标记用途
    列表标记可以创建一般的无序列表、编号列表，以及定义列表三种方式，还可以在一种列表中嵌套另一种列表，便于概括显示一系列相关的内容。
    a、无序列表<ul></ul>
          <ul type="项目符号类型">
                <li type="项目符号类型">内容1</li>
                <li>内容2</li>
          </ul>
      <li>表示一个项目；type ：disc 实圈，circle空圈，square实正方形
    b、 有序列表<ol></ol>
            <ol start="列表起点" type="项目符号类型">
                <li type="项目符号类型">内容1</li>
                <li>内容2</li>
          </ol>
    c、定义列表<dl></dl>
          <dl>
              <dt>标题1</dt>  表示一个项目
                <dd>内容1</dd>  表示一个项目下的更详细内容的解释
                <dd>内容2</dd>
              <dt>标题1</dt>
                <dd>内容1</dd>
                <dd>内容2</dd>
          </dl>
链接
链接到另一个页面：<a href = "url">click here!</a>
可用相对地址链接到另一个文件夹的网页，如：
<a href = "another.html"> click here!</a>
   
<a href = "document/another.html">click here!</a>
   
<a href = "../another.html">click here!</a>
   

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。