htm day1 总结

1.什么是html（结构标准）
html是超文本标记语言

超文本 - 除了文字以外，还可以对图片、视频、音频、超链接、按钮、输入框等进行标记
标记语言 - 不是编程语言,和MacDown语法一样，只是通过不同的标记让内容以不一样的形式显示出来。
          如果语法出错不会影响其他正确的标记的效果  
          
2.什么是html文件
文件后缀.html的文件；可以直接通过浏览器打开。一般情况下，html代码就写在html文件中  

3.html版本
狭义的h5 - html第5个大版本(支持移动网页开发)
广义的h5 - html5+css3+js

4.网页结构 - 树
整个网页是一个html标签，html中直接包含head标签和body标签。

5.标签(标记)
html就是通过不同的标签对网页中的内容进行标记的
a.结构
双标签: <标签名 属性名1=属性值1 属性名2=属性值2 ...>标签内容
单标签: <标签名 属性名1=属性值1 属性名2=属性值2 ...> 或 <标签名 属性名1=属性值1 属性名2=属性值2 .../>
b.说明
标签名 - 只能写html提供的标签，不能随便命名; 标签名前不能加空格
属性 - 属性放在单标签或者双标签的开始标签中，以‘属性名=值’的形式出现，多个属性之间用空格隔开;
       属性顺序随意，不会影响最终的效果；
标签内容 - 双标签的开始标签和结束标签之间是标签内容；标签内容可以是任何内容(可以写文字，也可以放其他的标签)
       
6.head标签
head标签中主要包含以下内容：
meta标签 - 元标签(单标签)  charset="UTF-8" -设置编码方式
title标签 - 设置网页标题
link标签 - 导入外部文件(设置图标，导入css文件)
style标签 - 导入css代码
script标签 - 导入js文件和导入js代码
base标签 - 设置网页中的基本url

    注意：html语法中不区分大小写， html == HTML == HtmL
-->





    
    
        
        
        
        
      
    
    
    
        python
    

1.标题标签(h1~h6)
            双标签
            网页中标题的部分使用标题标签
2.段落标签(p)
            双标签
            网页中一段文字就用一个p标签；一个p标签的内容在一个段落显示，如果有多个段落需要多个p标签
            
            注意：html中，在文本内容中输入回车，换行无效(在网页上显示的时候)
3.文本符号和强制换行标签
            a.空格符号：
              - 空一个像素 
              - 一个空格  
            
            b.换行标签(br)
            单标签
4.文字效果标签
            a.文字加粗
            b标签 - 单纯的对文字进行加粗
            strong标签 - 除了对文字进行加粗，还有强调的意思
            
            b.文字倾斜
            i标签 - 单纯的对文字进行倾斜
            em标签 - 除了对文字进行倾斜，还有强调的意思
            
            c.水平线(hr)
            单标签
            hr标签 - hr所在的位置设置一个水平线
5.文字标签(font)
            单纯的显示一段文字，多个font标签之间不会自动换行（多个p标签之间会自动换行）
        -->

!--列表标签
            如果网页中的多个内容，他们属于具有相同意义的内容，就可以用一个列表标签将他们放在一起
        -->
        

3.target属性
_self(默认值) - 在当前页面中显示新的网页
_blank - 在新的页面中显示新的网页

-表格标签(table-tr-td)
table标签 - 代表整个表格
tr标签 - 代表表格中的每一行
td - 代表表格中的每一个单元格

        1.border - 设置边框宽度(单位是像素)
        设置整个表格的边框宽度为border，同时设置每个单元的边框宽度为1
        
        2.bordercolor - 设置边框颜色
        html中的颜色值：a.颜色的英语单词，例如：red, yellow, green, pink
                       b.rgb对应的16进制值,前加#, 例如：#ff0000(红色)  #00ff00(绿色)  #0000ff(蓝色)
        
        3.cellspacing - 设置表格中单元格和单元格之间，以及单元格和边框之间的间距
        
        4.cellpadding - 设置表格中的内容到单元格边框之间的间距
        默认情况下，单元格的大小跟内容的大小有关
        
        5.bgcolor - 设置背景颜色
        作为table属性 - 设置整个表格的背景颜色
        作为tr属性 - 设置一行的背景颜色
        作为td属性 - 设置一个单元格的背景颜色
        
        6.width - 设置宽度
        作为table属性 - 设置整个列表的宽度
        作为td属性 - 设置当前td所在的列的宽度
        
        7.height - 设置高度
        作为table属性 - 设置整个列表的高度
        作为tr属性 - 设置一行的高度
        
        8.align - 设置水平对齐方式
        letf(默认) - 左对齐
        right - 右对齐
        center - 居中
        作为table属性 - 让整个表格在网页中左对齐、右对齐、居中
        作为tr属性 - 让一行中所有的单元格中的内容，在单元格中左对齐、右对齐、居中
        作为td属性 - 让一个单元格中的内容，在单元格中左对齐、右对齐、居中
        
        
        注意：html中所有的属性值都是写在双引号里面