码迷,mamicode.com
首页 > Web开发 > 详细

01_HTML

时间:2020-04-04 21:02:05      阅读:90      评论:0      收藏:0      [点我收藏+]

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

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

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

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

2.对段落使用<p></p>而不使用<br/>的原因是<p></p>标签包裹内容而<br/>标签不包裹内容,如果不使用<p></p>就无法通过CSS更改内容样式

3.<p></p>会在修饰的内容的前后添加一排空行,而<br/>标签只是单纯换行,不会添加空白行

4.标签是可以嵌套的,但是不能乱(错误示例:<a><b></a></b>  正确示例:<a><b></b></a>)

5.HTML中的注释  <!--注释内容-->  浏览器端查看源代码可看到

6.加粗和斜体标签

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

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

8.<font></font>标签常用三个属性

   color:颜色

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

   face:字体

9.<image/>标签的属性

   src:图片路径  

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

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

   width:宽度

   height:高度

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

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

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

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

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

11.<a></a>超链接标签的常用属性  

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

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

12.水平线标签<hr/>

13.<table></table>标签及其子标签的常用属性  ①border 边框宽度  ②width 表格宽度(可以是实际宽度或者百分比)  ③height  ④bgcolor 背景色  

     ⑤align 对齐方式  注意作用位置的不同(对整个表格的位置和对表格中的数据位置)  ⑥background  背景图片(注意背景图片不会撑大格子)

14.<tr></tr>和<td></td>是<table></table>标签的子标签,分别代表行和列  

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

15.表格中可以嵌套表格

16.<form></form>标签的常用属性

     ①actioin:直接提交的地址

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

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

17.<input/>标签的常用属性

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

                hidden:隐藏域  number:只允许输入数字  date:选择日期  tel:电话号码

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

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

     ④value:参数值

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

18.<textarea></textarea>文本域标签的常用属性

     ①cols : 指定宽度

     ②rows : 指定的是高度

19.<select></select>下拉列表标签的子标签是<option></option>

20.<frameset></frameset>框架标签的子标签<frame/>

21.<frameset></frameset>框架标签的属性

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

     ②rows:按行划分

22.<frame/>标签的属性  

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

     ②name:框架的名称

23.使用<frameset></frameset>标签要删去<body></body>标签

01_HTML

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!