学习记录——HTML

HTML:最基础的网页开发语言。

  • 超文本:用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。

  • 标记语言:由标签构成的语言。标记语言不是编程语言。

标签分为

  • 围堵标签:有开始标签和结束标签。如<html></html>
  • 自闭和标签:开始标签和结束标签在一起。如<br/>

标签学习:

  1. 文件标签:构成html最基本的标签

    html:html文档的根标签
    head:头标签,用于指定html文档的一些属性。引入外部资源
    title:标题标签
    body:体标签
    <!DOCTYPE html>:html5中定义该文档是html文档
    
  2. 文本标签:和文本有关的标签

    注释:<!- -注释内容 - ->。
    <h1> to <h6>:标题标签。
    <p>:段落标签。
    <br>:换行标签。
    <hr>:展示一条水平线。
    <b>:粗体显示。
    <i>:斜体显示。
    <font>:字体
    
  3. 图片标签:<img src=" ">

    属性src:指定图片的位置。(相对路径:./代表当前目录。../代表上一级目录)
    
  4. 列表标签:

    有序列表:<ol><li>某项列表内容</li></ol>
    无序列表:<ul><li>某项列表内容</li></ul>
    利用type属性改变列表展示样式。
    
  5. 链接标签:定义一个超链接。<a></a>

    属性href:指定访问资源的URL。
    属性target:指定打开链接的方式。_self默认值,在当前页面打开。_blank在空白页打开 。
    
  6. <div></div>和<span></span>

    div标签:每个div占满一整行,块级标签。
    span标签:文本信息在一行展示,行内标签,内联标签。
    
  7. 语义化标签:html5中为提高程序的可读性,提供了一些标签。

    <header>,<footer>
    
  8. 表格标签:

    table:定义表格
    		width:宽度
    		border:边框
    		cellpadding:定义内容和单元格的距离
    		cellspacing:定义单元格之间的距离
    		bgcolor:背景色
    		align:对齐方式
    tr:定义行
    td:定义单元格
    th:定义表头单元格
    <caption>:表格标题
    <thead>:表格的头部分
    <tfoot>:表格的脚部分
    
  9. 表单标签:用于采集用户输入的数据,和服务器进行交互。

    form:用于定义表单,可以定义一个范围,范围代表采集用户数据的范围
    属性:
    	action:指定提交数据的URL
    	method:指定提交方式(一共有7种)
    		get:
    			1.请求参数会在地址栏中显示,会封装到请求行中
    			2.请求参数的大小是有限制的
    			3.不太安全
    		post:
    			1.请求参数不会在地址栏中显示,会封装在请求体中
    			2.请求参数的大小没有限制
    			3.较为安全
    		表单项中的数据要想被提交,必须指定其name属性。
    
  10. 表单项标签:

       input:可以通过type属性值,改变元素展示的样式。
       	type属性:
       		text:文本输入框,默认值
       			placeholder:指定输入框的提示信息,当输入框的内容发生变化时,会自动清空提示信息
       		password:密码输入框
       		radio:单选框
       			1.要想让多个单选框实现单选效果,则多个单选框的name属性值必须是一样的
       			2.一般会给每一个单选框提供value属性,指定其被选中后提交的值
       			3.checked属性,指定默认值
       		checkbox:复选框
       			1.一般会给每一个单选框提供value属性,指定其被选中后提交的值
       			2.checked属性,指定默认值
       		file:文件选择框
       		hidden:隐藏域,用于提交一些信息
       		按钮:
       			submit:提交按钮,可以提交表单
       			button:普通按钮
       			image:图片提交按钮
       				src:属性指定图片的路径
       	label:指定输入项的文字描述信息
       		label的for属性一般会和input的id属性值对应。如果对应了,则点击label区域,会让input的输入框获取到焦点
       	select:下拉列表
       			子元素:option,指定列表项
       	textarea:文本域
       		cols:指定列数,每一行有多少个字符
       		rows:指定行数
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值