2018-09-17day1 html

一、文本标签

1)标题标签：h1-h6
网页的内容涉及到标题的时候使用

我是标题1
我是标题2
我是标题3
我是标题4
我是标题5
我是标题6

2)段落标签：p
网页的内容中一个段落文字对应一个p标签，p标签的内容结束后会自动换行
注意:html中地文字是不会因为手动地回车和空格以及缩进产生空白效果（换行、空格、缩进无效）但是可以通过一些特殊的符号，来产生特定的效果
空格符： 
强制换行：

      随着今年苹果秋季发布会的闭幕，从 1（初代 iPhone）到 10（iPhone X），

新 iPhone 的命名即将用尽包括数字 10 以内的所有数字，

对于苹果来说，从明年开始，为新 iPhone 命名将会是一件头疼的事情。2÷10=0.2

实际上，去年苹果公司决定用罗马数字 X（读 ten）来命名开始，iPhone 已经步向了「命名荒」，
而进一步加剧这个情况的，则是今年的新 iPhone，由于新 iPhone 并没有巨大的变化，
所以它似乎并不足以获得一个全新的命名，比如说 iPhone Ⅺ （11）这样的称呼。

3).文字效果:
a.加粗：b标签，strong标签
b标签：单纯的在样式上进行加粗
strong标签：除了将文字加粗显示外还有强调的意义

b.倾斜：i标签,em标签
em标签有强调的作用
4).水平线：hr
单标签
5).列表标签：ul,ol,dl
ul:无序列表
ol:有序列表
dl:自定义列表

    
语文
    
语文是个什么样的学科。。。。
    
数学
    
英语
         


    
北京
    
北京最大的特点是雾霾~
    
成都
    
天府之国
    
大连
    
美丽的海滨城市
    
重庆
    
辣妹儿+火锅
    
青岛


    
    
A
    
    
and
    
are
            
    
B
    
big
    
bpdy

二、图片和超链接

1)图片标签：img标签
单标签
src属性：图片地址（可以是本地图片地址，也可以是远程服务器上的图片地址）
title属性：设置图片的标题(这个标题是鼠标停留在图片上等一会儿出现的文字)
alt属性：用来设置图片加载失败的时候出现的提示信息
2)超链接标签：a标签
想要点击跳转的地方都可以使用超链接语法
注意：a标签的内容部分是可见的，是可以被点击

(1)href属性：跳转目标对应的地址
a.其他的网页地址 ----- 跳转
b.写本地的一个html路径 ------ 跳转
c.空 ------- 刷新当前网页(重新加载)
d.选择器 ------ 让网页跳转到指定的位置

(2)target属性：设置跳转方式
_self(默认值):在当前页中刷新出新的内容
_blank:创建一个新的页面，在新的页面中刷新出href指定的内容
注意：刷新当前网页和在当前网页中跳转到指定位置的时候，只能使用默认的_self

三、表格标签

表格标签:table标签、tr标签、td标签、th标签
1.标签
table标签: 表格整体（一个table标签代表一个表格）
tr标签：行(一个tr标签代表表格中的一行)
td标签: 单元格(一个td代表一个单元格)
th标签: 表头

2.属性
a.border属性: 设置表格的边框的宽度（只能作用于table）
b.bordercolor:设置边框颜色 （只能作用于table）
c.background:设置背景图片
d.bgcolor:设置背景颜色(可以作用于table\tr\td)
e.cellspacing:设置单元格与单元格之间的间距（默认是1）
f.cellpadding:设置内容和单元格之间的间距
g.width: 一般作用于某一个单元格，影响的是这个单元格对应的那一列
h.height: 一般作用于行，影响的是一行的高度
i.align：设置对齐方式(可以作用于table\tr\td)
作用于table，让整个表格在浏览器中居中
作用于tr/td，让内容在单元格中居中

四、细线表格

    
        
        
    
    
        
XXX信息表
        

            

                
姓名
                
毕业院校
            
            

                
余婷
                

                    
                    
                    清华大学
                
            
            

                

                

            
            

                

                

            
            

                

                

            
        
        
        
    

五、不规则表格

colspan: 列合并
rowspan: 行合并

过程：先确定表格中最多多少行，然后再数每一行有多少个单元格。
再确定每个单元格是否有合并现象，如果单元格有行的合并就设置单元格的rowspan属性，
如果有列的合并就设置单元格的colspan的值。