HTML基础知识介绍

基本概念:

HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是
构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便
地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一
文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML
文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(He ad)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容

基础标签:

         ......用来定义html文档,一个最前一个最后
         
         ......用来定义html文档开头部分,与一起用。
         
         ......文档的主题部分,可加标志有:

......



......

注:当网页中出现乱码时,在head标签中加入如下代码:

  1. HTML 标题
				

张三

李四

赵五

王六

孙七
宋八
周九 注:

定义最大的标题。

定义最小的标题。 设置对其方式: align=“center/left/right”
  1. 段落标签
           

......

定义段落。 注:

是块级元素
插入单个折行(换行)

  1. 文本格式化
			粗体                      粗体强调
			大写                  小写
			强调                    斜体
			下标                  上标
			 定义插入字                  下划线
			定义删除字                   删除线
			
		如:

加粗

斜体

下划线

  1. 预格式文本
             
...内容...
  1. 字体标签
        腾讯QQ

        注: color:设置字体的颜色         size:设置字体的大小          face:设置字体
    
  1. 水平线
           
如:
width:设置水平线的宽度 size:设置水平的厚度(高度) color:设置水平线的颜色 align:设置水平线的对其方式(默认是中)
  1. 超链接:
    超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
 1. 通过使用href属性 - 创建指向另一个文档的链接
 
            Link text        href 属性规定链接的目标。 开始标签和结束标签之间的文字被作为超级链接来显示。0
            注:target:控制目标窗口的打开方式   如:target=”blank    打开一个新的html文档,即出现新的浏览器窗口
      
 2. 通过使用name属性 - 创建文档内的书签 
 
            要结合使用才有效。此标志对是在html文档中创建一个标签(即做一个记号),属性name是必不可少的
            它的值也就是标签名。如 
   
  • 图像标志
  • < img >主要用来处理图像输出,他是通过src属性来体现的

    创建一个图像链接时加入:
    
                    如: 
    					
       i7/8G/GTX1050ti 4G独... 注:src:必须赋值,值可以是相对路径或网址 alt:当鼠标移动到上面是显示的文本
    1. 格式标志

    无序列表

             
    • 第一
    • 第二
    • 第三
    • 第四

    有序列表

             
    1. 第一
    2. 第二
    3. 第三
    4. 第四

    自定义列表

             
    蔬菜
    黄瓜
    水果
    香蕉

    < div >…< div >,用来排版大块的html段落,也用于格式化表,用法与

    标志对相似,也同样有align对齐方式属性。

    注:三种列表注意隶属关系,只能在相应的标志对中才可使用。
           有序、无序列表建表时需借用

    ......

    标志对。而自定义列表不用。 这些格式标志对只能在......内使用。

    1. 表格标签
    
    ......
    创建一个表格 属性: 设置表格背景色
    设置边框宽度
    设置表格边框的颜色 (border值要大于一时才有用)
    设置表格格子之间空间的大小
    设置表格子边框与其内部内容之间空间的大小
    设置表格宽度 ...... 创建表格中的行 属性:align :水平对齐方式 取值为:left、center、right valign:垂直对齐方式 取值为:top、middle、bottom
    ......用来创建表格中一行中的每一个格子 属性:width:格子的宽度 colspan:设置一个表格的格子跨占列数,缺省时值为一 rowspan:设置一个表格的格子跨占行数,缺省时值为一 nowrap:禁止表格格子内的内容自动断行。 如:
    出生年月   健康状况  
    专业   学历  

    你可能感兴趣的:(html基础知识)