前端基础 - html

1.web标准

a.结构标准（html）：决定网页中的内容
b.表现标准（css）：决定网页中内容的布局和样式
c.行为标准（JavaScript）：决定网页中的行为和动作（变化）

2.html

a.html：超文本标记语言
标记语言：通过不同的标记来显示不同的内容（以指定的格式）
超文本：除文本以外还可以标记图片、超链接、音频、视频、flash、输入框、按钮等等
html文件就是后缀是.html的文件。

注意：html中大小写不敏感

b.html结构
head中的内容除了title和icon以外其内容都不可见。body代码是网页的内容部分。里面的标签一般都是可见

c.html版本

1.标题标签

2.段落标签

3.特殊功能标签

html中文本的换行、空格、tab等都是无效的（空白无效）
执行：

字符	十进制	转义字符
"	"	"
&	&	&
<	<	<
>	>	>
不断开空格(non-breaking space)

4.字体相关

加粗：b标签/strong标签
b标签只是单纯的文字加粗，strong有强调效果
倾斜：i标签/em标签
i标签只是单纯的文字倾斜，em有强调效果

列表标签分为有序列表、无序列表、自定义列表

1.有序列表

ol标签：整个列表
li标签：代表列表中的元素

2.无序列表

        

            
python
            
java
            
c
        

3.自定义列表

dl标签：代表整个列表
dt标签：分组中的内容

        

            
abcdef
            
a
            
b
            
c
            
ghijk
            
h
            
i
            
j
        

1.图片标签

a.src属性：图片地址，可以是本地图片路径也可以是网络图片的路径
本地图片：可以是绝对路径也可以是相对路径
b.title：设置图片标题(鼠标停留在图片上，显示内容)
c.alt:设置图片加载失败的提示信息

2.超链接：a标签

a.内容
b.href：跳转的目标地址
网络地址
本地的html文件
空为刷新
选择器 在当前的页面中跳转到指定的位置

        列表标签

3.target:跳转方法

_self：默认值。在当前页面加载新的网页
_blank：创建一个新的网页

1.表格标签

table标签 整个表格
tr 行
td 单元格

2.边框相关的属性

border：边框的宽度
bordercolor：设置边框颜色（颜色值可以是英语单词，也可也是RGB对应的16进制值）
cellspascing:单元格之间的间隙
cellpadding:单元格内边距

3.背景颜色

bgcolor:背景颜色
可以作为table属性，也可以作为tr属性，也可以作为td的属性

4.宽度和高度

a.作用于table：设置整个表格的宽度和高度（会按比例分配每一行和每一列的宽度和高度）
b.设置单元格的宽度和高度

5.居中

center：居中
a.作用于table，让整个表格在其父标签中居中
b.作用于tr，让整行在单元格居中
c.作用于td，指定单元格居中

            

                
a
                
b
                
c
            
            

                
Data
                
Data
                
Data
            
        
        
        

            

                
a
                
b
                
c
            
            

                
aa
                
bb
                
cc
            
            

                
aaa
                
bbb
                
ccc
            
        

制作复杂表格

1.制作复杂表格的方法：

a.确定表格的最大行数，在table中用tr表示出来
b.确定每一行有多少个单元格,用td表示出来
c.确定每一个单元格是否有合并现象。如果是行合并就设置rowspan的值，如果是列合并就设置colspan的值

作业：

QQ图片20181029171258.png

代码：

    
        
        
    
    
        
个人简历
        

            

                
学院
                
深圳大学计算机与软件学院
                

            
            

                
专业
                
计算机及应用
            
            

                
姓名
                
马化腾
                
性别
                
男
                
名族
                
汉族
            
            

                
出生年月
                
1971年10月29日
                
籍贯
                
中国
                
身高
                
180
            
            

                
学历
                
本科
                
政治面貌
                
不详
            
            

                
就业意向
                
腾讯CEO
            
            

                
兴趣爱好
                
坑玩家的钱
            
            

                
个人说明
                
腾讯公司主要创办人之一。现任腾讯公司控股董事会主席兼首席执行官；全国青联副主席。
            
            

                
家庭住址
                
广东省汕头市潮南区
            
            

                
住宿地址
                
不详
                
联系电话
                
400652555
                
手机
                
12345678910
            
            

                
本人简历
                
时间
                
学校
                
任职
            
            

                
2015年7月
                
中国
                
当选为十二届全国青联副主席。
            
            

                
2018年1月
                
中国
                
当选第十三届全国人民代表大会代表（广东省）。
            
            

                
2018年5月9日
                
中国
                
当选中国网络社会组织联合会副会长。
            
            

                
2014年时代周刊人物
            
            

                
2015年中国内地最佳CEO
            
            

                
捐139亿成首善
            
            

                
2017中国最具影响力的50位商界领袖
            
            

                
《福布斯》世界最伟大领袖榜单
            
            

                
榜单显示，马化腾身家453亿美元，位列17位，成为中国和亚洲首富。
            
        
    

结果：

捕获.JPG