html基础

♀尐吖头ヾ 提交于 2020-02-09 11:37:54

---恢复内容开始---

html 是一种标记语言,而不是编程语言,它是制作网页的基础语言,主要用于描述超文本语言,主要描述超文本中内容的显示方式

html基本结构

<html>

<head>

<title></title>

</head>

<body></body>

</html>

XHTML和HTML的区别?

标记嵌套的使用(严格和不严格)

大小写的使用(区分和不区分)

引号的使用(属性必须加引号/随意)

结束标记(不许省略/可以省略)

样式的使用(type/style)

 

定义文字方向

文字从右向左  <bdo dir = "rtl"> 往事随风 </bdo>  

文字从左向右  <bdo dir = "itr"> 往事随风  </bdo>

设置文字 字体 大小 颜色

<font face = "宋体" size = "3" color = "red"> 以后洒脱 </font>    ------->  以后洒脱

居中标签 <center> </center>

水平线  <hr>   (单标签)

设置段落对齐方式    

左对齐  <p align = "left"> 以后洒脱 </p>

居中对齐  <p align = "center"> 以后洒脱 </p>

右对齐  <p align = "right"> 以后洒脱 </p>

标题标签

<h1></h1> ...<h6></h6>

列表分类

无序列表

<ul>

<li></li>

<li></li>

<li></li>

</ul>

 

无序列表嵌套


<ul>

<li></li>

<ul>

<li></li>

<ul>

<li></li>

</ul>

</ul>

</ul>

有序列表 无序列表混合使用

<ol>

<li></li>

<ul>

<li></li>

</ul>

</ol>

自定义列表

<dl>

<dt></dt>

<dd></dd>

</dl>

在网页中插入图片

<img src = "图片路径">

 

常用表单控件

(1).<input>元素用于收集用户信息,为单标记.

(2).按钮 提交按钮<input type="submit"/>传送表单数据到服务端或者其他程序处理
      重置按钮<input type="reset"/>清空表单内容并把所有表单空间设置为默认值
      普通按钮<input type="button"/>用于执行客户端脚本(javascript将会用到)

(3)文本框与密码框:<input type="text" />
            <input type="password" />
      主要属性: value: 由访问者自由输入的任何文本
           maxlength;限制输入的字符数
           readonly:设置文本控件只读

(4)单选框与复选框:单选框<input type="radio"/>
           复选框<input type="checkbox"/>
      主要属性:value:文本,提交form,选中此单选按钮,value被发送到服务器
           name:用于实现分组,一组单选框或者复选框的名称必须相同
           checked:设置选中

(5)<label></label>元素 将文本与控件联系在一起后,单击文本,效果与单击控件一样

(6)选项框 (下拉选项框和滚动列表)
     select元素:使用其可创建选项框,并使用<option>元素创建其中的每一个选项
    属性有: name:为选项框命名.

(7)<textarea>元素:用于创建多行的文本输入控件,该文本区中可容纳无限数量的文本
  属性有: name:设置控件的名称,用于提供/对,以发送给服务器。

 

三种定位方式及使用场景 

  absolute

       生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

  *fixed (老IE不支持)

        生成绝对定位的元素,相对于浏览器窗口进行定位。

  *relative

        生成相对定位的元素,相对于其正常位置进行定位。

---恢复内容结束---

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!