html语言文本,HTML（超文本编辑语言）

1.编写html步骤

第一步:新建一个记事本.(以.html结尾)

第二步:右击选择打开方式为文本文档  第三步:编写内容

hello html!

第四步:用浏览器打开查看内容.

2.HTML的基本结构

3.HTML的打开方式

第一种:用浏览器打开(浏览方式)　　　　　　　　  第二种:用文本编辑器打开(编辑方式)

补充:  HTML全称 Hyper Text Markup Language(超文本标记语言)

4.标题标签

//标题

5.meta标签

//设置网页的字符编码

//关键词

//网页描述

6.h标签

 

 

 

 

 

注意:h标签只有h1到h6,并且h1最大，依次减小.

慕客网(技术学习)

7.段落标签

8.换行标签 

9.水平线标签  

---

10.字体样式标签 //加粗   //斜体

11.特殊符号

  //空格    > //大于符号(>)      < //小于符号(

用途: 第一种：解释代码.           第二种: 当前代码现在用不到，可能以后用得到.

12.图片标签

13.a标签(超链接)

注意:target的常用值:_self(表示当前窗口)    _blank(表示新窗口)

1)锚链接的使用步骤   第一步:定义锚点    锚点

第二步:定义链接    链接

注意:#可以看出当前页面       锚点名:表示要跳转到指定的锚点位置.    (就是定义锚点时,name属性的值.)

2)功能性链接   例:

第二章

1.列表

1.1 有序列表    

1.     
2. 内容 //列表项    

1.2 无序列表    

•     
• 内容    

1.3 定义列表    

   注意:li独占一行

2.表格

注意: colspan: 表示本单元格所占列数       rowspan: 表示本单元格所占的行数

3.视频   

推荐使用:(能够兼容更多的浏览器)                       

4.音频

推荐使用:(能够兼容更多浏览器)                

注意:a.视频和音频标签都存在浏览器的兼容问题，使用的时候，尽量 使用推荐的方式.

b.controls表示显示播放控制(如:开始，暂停等).还有其他的类似属性参考其他资料.

5.结构化元素

//表示网页的头部

//表示网页的尾部

//表示网页的独立区域

//表示文章

   //表示相关内容或应用(侧边栏)

     //导航

6.网页结构

     //头部      //主体        // 尾部

7.iframe内联框架

语法:   实现内联

第一步: 定义iframe     

第二步: 定义超链接并指定超链接内容要放置的地方(由target指定).        xx

第一:实验本写两个(第一章，第三个练习)                (第二章, 练习4.视频播放)  第二:检查博客.(前面的内容放进去)

第三章 表单

1.语法

   //表单内容   

2.input 标签常用属性

size:输入文本框的字符的长度    maxlength:文本框的宽度    checked: 单选框和复选框的默认选中.    selected: 下拉框的默认选中

3.常用标签

text //文本框　　checkbox //复选框　　 password //密码框   search //搜索框  :下拉框

button  //按钮  radio //单选按钮  submit  //提交按钮   reset  //重置按钮

url    //只能输入网址   emial  //只能输入邮箱   number //只能输入数字

其他标签    file  //文件域   range //滑块    选项             文本域

注意: radio和checkbox中的name属性值需要保持一致，才能 到达单选或者多项的作用.

4.表单的高级应用

hidden  //隐藏域   readonly // 只读   disabled // 禁用

5.表单元素的标注

例:    男   

6.表单初级验证的方法

placeholder  //提示   required     //必填项   pattern   //正则表达式(输入的内容必须符合这个表达式的要求)

来源：https://www.cnblogs.com/zhulinglin/p/7725506.html