html+css学习一

（一）.概要

• 标题标签、分段标签、换行标签、文本格式化标签
• 图像标签
• 链接标签
• 表格标签
• 表单标签
  （二）.详细内容
  1.标题标签

一级标题：

二级标题：

三级标题：

四级标题：  

五级标题：

六级标题：

一级到六级标题，字体大小/粗细的变化如图所示：

2.分段标签

分段标签中的文字会根据浏览器宽度自由调整一行的文字个数；
段与段之间会有一行空行

 

        2010年1月，出演的都市爱情剧《幸福一定强》播出，并在片中饰演了陆森 [28]  ；10月29日发布EP《那首歌》 [29]  ，收录了包括《相爱那一年》、《那首歌》等在内的3首歌曲。
        2011年2月，出演的都市爱情剧《幸福一定强》续集《幸福最晴天》播出，并在片中饰演了项允超一角 [30]  ，并凭借该剧获得2011年国剧盛典最佳新演员奖 [31]  。该剧在安徽卫视及台湾地区蝉联收视冠军 [32]  。10月，由李易峰、林依晨、陈柏霖主演的爱情电影《恋爱恐慌症》上映，这是其第一部电影作品 [33]  。
        2012年1月，出演的都市爱情剧的“幸福三部曲”系列之《幸福三颗星》播出 [34]  ；4月份，在家庭伦理剧《真爱谎言》中饰演“自闭少爷”姜希宇 [35]  ，该剧飙升至一年以来江西卫视同时段最高收视 [36]  ；5月份，在古装悬疑电视剧
        《赏金猎人》中饰演衙门捕快毓泰 [37]  ；8月，在都市爱情剧《爱的蜜方》饰演陈家三儿子陈立扬一角 [38]  。
        2013年10月，李易峰与李沁搭档主演了家庭情感剧《千金归来》播出，饰演男主角“初恋男神”林皓 [39]  。并剧同时登陆东方、黑龙江、四川、云南四大卫视黄金档，并在东方卫视收视率多次破1。凭借该剧获得国剧盛典最佳演艺偶像奖、乐视盛典最受欢迎男演员奖 [40]  。
    
        

        2014年7月2日，古装仙侠剧《古剑奇谭》首播获得了全国同时段电视剧收视率第一，网络播放量突破50亿，单集平均点击量则突破1.5亿的成绩，李易峰在剧中饰演男主角百里屠苏，并为该剧演唱插曲《剑伤》、《剑心》 [41]  。8月1日，首发写真书《壹刻》限量纪念版，开售23秒10001册即被抢购一空 [42]  。同年7月，李易峰与陈意涵、江铠同等人联袂主演的都市青春励志剧《小时代之折纸时代》上线播出、古装喜剧《欢天喜地俏冤家》上档央八 [43]  ；同年主演年代剧《活色生香》 [44]  ，饰演男主角宁致远，演唱片尾曲《心如玄铁》 [45]  。10月，主演改编自同名人气小说网络季播剧《盗墓笔记》，并在剧中饰演德国留学归来，老九门吴家的小三爷吴邪 [46]  。10月24日，荣获ELLE风尚大典年度新锐风尚艺人奖，这是该奖项第一次颁发给男艺人 [47]  。12月，接拍管虎导演剧情动作类电影《老炮儿》，这也是他首次在影视作品中尝试胡同“古惑仔”的角色 [48]  。12月17日，荣获国剧盛典内地最具人气男演员和最具商业价值男演员奖 [49]  。12月26日，获得“2014年度腾讯娱乐白皮书”最受媒体关注明星、最被期待演
    
 

3.换行标签：

强制换行

 李易峰最
帅

4.文本格式化标签
加粗文字：
格式：
例如：李易峰最帅

倾斜文字：
格式：
例如：

 李易峰最帅

删除线：
格式：
例如： 李易峰最帅

5．图像标签

图像标签中必须有src属性
当图片无法显示时显示替换文本
当光标划过图片显示提示文本

6.链接标签：
超链接：
target属性值值：_blank 在新页面打开这个链接
_self在当前页面打开这个链接
空链接：href=”#”
给图片加超链接：
下载链接：
锚链接：定位并跳转到当前页的某部分内容

 参演电影

 
参演电影

 

        007年，李易峰在东方卫视选秀娱乐节目《加油好男儿》获得总决赛第八名以及最具亲和力奖，从而进入娱乐圈 [21]  ；11月，推出首支个人单曲《我爱的人伤我最深》 [22]  ；12月15日，发行首张个人EP专辑《四叶草》，及个人首本半自传写真《时间总是在转圈圈的》。 [23] 
        2008年5月13日，由李易峰作词的四川地震公益歌曲《娃娃不哭》发布 [24]  ；7月20日发行概念EP《摩天轮》。 [25]  7月26日，在上海美琪大剧院举行个人首场演唱会“2008我们易起峰”。
        2009年，出演改编自日本同名动漫的青春励志剧《网球王子》，在剧中饰演左博，这是他的首部电视剧作品 [26]  ；5月17日，发行首张个人专辑《小先生》 [27]  ，收录了包括《我曾爱过的女孩》、《我要的幸福》等在内的10首歌曲。
    

点击这里的音乐，会跳转到当前页的音乐模块
7.表格标签：

排名	关键词	趋势	进入搜索	最近七日	相关链接
1	鬼吹灯		345	123	贴吧图片百科
1	盗墓笔记		124	675432	贴吧图片百科
1	西游记		212	7654	贴吧图片百科
1	甄嬛传		121	7676	贴吧图片百科
1	水浒传		456456	123421	贴吧图片百科

   
  
排名
关键词
趋势
进入搜索
最近七日
相关链接
     
1
鬼吹灯
345
123
贴吧图片百科
     
1
盗墓笔记
124
675432
贴吧图片百科
     
1
西游记
212
7654
贴吧图片百科
     
1
甄嬛传
121
7676
贴吧图片百科
     
1
水浒传
456456
123421
贴吧图片百科
    
    

table标签定义一个表格
thead定义表头 tbody定义表格body部分 thead 和tbody只是为了让代码看起来更清晰 也可以不加
定义表格的行
定义单元格
用来使表格中的文字居中粗体
其中单元格中的内容可以是文字也可以是图片或其他任意元素
合并单元格：
1.先确定是跨行还是跨列合并
2.找到目标单元格，写上合并方式=合并单元格数量：跨列
跨行：rowspan
3.删除多余单元格

无需列表

无序列表：

        
榴莲
        
臭豆腐
    
标签的子元素只能是
标签
的子元素可以是任何元素

有序列表：

        
榴莲
        
臭豆腐
    

自定义列表：

 

        
关注我们
        
新浪微博
        
公众号
    
里面只能包含
 和

8.表单标签：
表单：收集用户信息

用来定义表单域
表单元素：
input 输入表单元素

        用户名：

        密码：

    

type属性值：text 表示文本框 添加value属性可以在文本框中输入默认值

   

             Password：密码框   输入的密码是加密显示
			Radio ：单选框  不同选项必须要有相同的name属性才能实现单选
				已婚
                未婚

 			Checkbox:多选框
	  帅的 
                 高的  
                 白的  
                 都喜欢    

  Submit:提交按钮：
  

Reset:重置按钮
  

Buttom:普通按钮：这个按钮的功能通常通过js实现
  

下拉框：select标签：

                  
                    请选择年份
                    2001
                    2002
                    2003