html一周学习的总结
1. 介绍浏览器
(1) Title
(2) Url
(3) body
title 主题,题目,
Url 是网址
Body 是网站内容
Body的内容靠代码实现的。
2. 标签的结构: < +标签名+>
标签分为双标签和单(空)标签
双标签分为:开始标签 <标签名> 列:html title head body h1-h6 p(段落) a(超链接) b(加粗) i(倾斜) u(下划线) sup(上标 )sub (下标) em(小图标) div(盒子标签) span(内敛标签) table(表格) tr(行) td(单元格)
结束标签</标签名>
<a>:
a 有两个属性(代表事物的一些特征,比如 width height color background 等) : 一个是 href 值是需要跳转的页面地址
另一个是target跳转页面打开的方式 _blank _self(默认的)
单标签:<img> 图片标签 <hr>分割线 <br>换横 <meta>网页元信息
img标签:
目录:当前目录(./)和上一级目录(../)
Src 属性是图片的路径
Width height 单位是px
Html特有的注释 <!--被注释的内容-->
3.起名方式
(1.) 标签名
(2.) Id起的但是使用的时候加#
(3.) Class 类 但是使用的时候用 .
起名的目的就是为了给他添加样式 style 是给其添加样式的属性 但只能加到<head>标签之间 输入时用{}来添加样式
4.代码输入注意事项
(1.) 书写规范 {} 是shift+[ 出来 {}
(2.) 起名规范 不能用汉字起第一个字母不能是特殊符号第一个字母必须是英文字母
5基本网页骨架------
(1.) <!DOCTYPE html> 文档类型声明 H5特有的
(2.) <html> 网页标签
(3.) <head> 头部标签
(4.) <meta charset="UTF-8"> 国内编码
(5.) <title></title> 网页标题标签
(6.) </head>
( 7.) <body> 主体标签
( 8.) </body>
( 9.)</html>
6.
表格 table
Border是决定边框粗细的属性 cellspacing是单元格空间的属性 cellpadding是单元格内部的边距的属性
Img插入tab中 会出现余白
用veitical-ailgn:middle;可清除。
Colspan:水平合并的列数。
Rowspan:垂直合并的行数。
table(表格)
td(单元格)
tr(行)