01_HTML

1.HTML: Hyper Text Markup Language 超文本标记语言  是设计网页的基础  由浏览器来解释执行

超文本: 比普通文本功能更加强大,可以添加各种样式

标记语言: 通过一组标签,来对内容进行描述 

2.对段落使用

而不使用
的原因是

标签包裹内容而
标签不包裹内容,如果不使用

就无法通过CSS更改内容样式

3.

会在修饰的内容的前后添加一排空行,而
标签只是单纯换行,不会添加空白行

4.标签是可以嵌套的,但是不能乱(错误示例:  正确示例:

5.HTML中的注释    浏览器端查看源代码可看到

6.加粗和斜体标签

   b : 加粗
   i : 斜体
   strong: 加粗, 带语义标签
   em: 斜体, 带语义

7.标题标签

的数字范围是1-6,超出范围则标签失效,数字越大,字体越小

8.标签常用三个属性

   color:颜色

   size:大小  范围1-7  数字越大,字体越大,超出范围按7处理

   face:字体

9.标签的属性

   src:图片路径  

   ./       代表的是当前路径
   ../         代表的上一级路径
   ../../   上上一级路径

   alt:图片加载出错时显示的文字

   width:宽度

   height:高度

10.列表标签  ①无序列表  ②有序列表

<ul type="square">
  <li>无序列表1li>
  <li>无序列表2li>
  <li>无序列表3li>
ul>

无序列表常用属性:type 默认是小黑点

<ol type="1" start="2">
    <li>有序列表1li>
    <li>有序列表2li>
    <li>有序列表3li>
ol>

有序列表常用属性:①type(序号类型)  ②start(从第几个开始)

11.超链接标签的常用属性  

    ①href: 指定要跳转去的链接地址   如果是网络地址需要加上http协议,如果访问的是本网站的html文件,可以直接写文件路径

    ②target: 以什么方式打开   _self: 默认打开方式,在当前窗口打开  _blank:  新起一个标签页打开页面

12.水平线标签


13.

标签及其子标签的常用属性  

①border 边框宽度  

②width 表格宽度(可以是实际宽度或者百分比)  

③height  

④bgcolor 背景色  

⑤align 对齐方式  注意作用位置的不同(对整个表格的位置和对表格中的数据位置)  

⑥background  背景图片(注意背景图片不会撑大格子)

14.和是

标签的子标签,分别代表行和列  

  的属性:colspan(跨列操作)和rowspan(跨行操作)  注意: 跨行或者跨列操作之后,被占掉的格子需要删除掉

15.表格中可以嵌套表格

16.

标签的常用属性

     ①actioin:直接提交的地址

     ②method:提交的方式   get   默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k

                 post   会将参数封装在请求体中, 没有这样的限制

17.标签的常用属性

     ①type:指定输入项的类型  text:文本  password:密码  radio:单选按钮  checkbox:复选框  file:上传文件  submit:提交按钮  

     reset:重置按钮  button:普通按钮  hidden:隐藏域  number:只允许输入数字  date:选择日期  tel:电话号码  email:邮箱

     ②name : 在表单提交的时候,当作参数的名称

     ③id : 给输入项取一个名字, 以便于后期我们去找到它,并且操作它

     ④value:参数值

     ⑤placeholder : 指定默认的提示信息

18.文本域标签的常用属性

     ①cols : 指定宽度

     ②rows : 指定的是高度

19.下拉列表标签的子标签是

20.框架标签的子标签

21.框架标签的属性

     ①cols:按列划分  举例:"20%,30%,*"  分成三列

     ②rows:按行划分

22.标签的属性  

     ①src:需要显示的网页的路径

     ②name:框架的名称

23.使用标签要删去标签

24.表格布局的缺陷:

①嵌套层级太多, 一旦出现嵌套顺序错乱, 整个页面达不到预期效果(容易错)

②采用表格布局,页面不够灵活, 动其中某一块,整个表格布局的结构全都要变(不灵活)

25.两种块标签  ①

 默认占一行,自动换行 ② 内容显示在同一行 

你可能感兴趣的:(01_HTML)