01_HTML

2021-03-27 04:25

阅读:354

标签:radio   ram   box   文件   跳转   背景   描述   解释执行   ali   

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:电话号码

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

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

     ④value:参数值

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

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

     ①cols : 指定宽度

     ②rows : 指定的是高度

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

20.

框架标签的子标签

21.

框架标签的属性

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

     ②rows:按行划分

22.标签的属性  

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

     ②name:框架的名称

23.使用

标签要删去标签

01_HTML

标签:radio   ram   box   文件   跳转   背景   描述   解释执行   ali   

原文地址:https://www.cnblogs.com/yxfyg/p/12624445.html


评论


亲,登录后才可以留言!