第一次网页前端培训笔记（HTML常用标签）

最新推荐文章于 2024-07-10 14:03:37 发布

果粒奶优男孩

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量327

点赞数

分类专栏： HTML培训文章标签：前端 html javascript

本文链接：https://blog.csdn.net/qq_54138079/article/details/122773812

版权

HTML培训专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一，学习网址

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

二，安装Hbuilder编辑器

HBuilderX-高效极客技巧

三，学习HTML

基础语法
1. 标签
  1. 单标签 <br/> 换行 <hr/> 水平线
  2. 单标签属性 <hr width="800"/>
  3. 双标签 <title>...</title>
  4. 双标签属性 <body bgcolor="red">...</body> <font size="7">...</font>
2. 整体结构
  1. ```
  <!DOCTYPE html>
  <html>
  	<head>
  		<meta charset="utf-8" />
  		<title></title>
  	</head>
  	<body>
  		Hello world
  	</body>
  </html>
```
  注：head中也可以有 link标签用来引入css文件 script：用来引入js文件或编写js代码
3. DOCTYPE
常用标签
1. 标题和水平线
  1. 标题 <h1><h1>
  2. 水平线 <hr/>
    1. 常用属性 color 颜色 size 粗细 width 长度
2. 段落和换行
  1. 段落 <p></p>
  2. 换行 <br/>
3. 列表
  1. 有序列表 <ol><li></li></ol>
    1. 属性type可以改变排序的字符，默认是阿拉伯数字
  2. 无序列表 <ul><li></li></ol>
4. div和span
  1.            div标签
                   块级元素
                   默认占全部宽度，有多少内容高度占多少
                   可以设置div的款（width）高（height）
                   通过align设置内容的对其方式
    例如
           <div style="width: 500px;height: 100px;"align="center">这是一个div</div>
  2. span标签
    行内元素（不会自动换行）
    例 <span>这是一个span</span>
5. 格式化标签
  1. font：规定文本的字体：face，字体尺寸：size，字体颜色：color
```
<font color="aqua"size="5" face="楷体">你好</font>
```
  2. pre：定义预格式化的文本，被包围在pre元素中的文本通常会被保留空格和换行符，文本也会呈现为等宽字体
  3. 文本标签：b（粗文本），i（斜体文本），u（下划线文本）， del（中划线文本），sub（下标文本），sup（上标文本）
6. 图片
7. 超链接标签 <a>超链接标签，用于链接到一个新的URL 常用属性：
  1. href：需要跳转的地址
  2. target：窗口打开方式
    1. _self：当前窗口
    2. _blank：在空白窗口
  3. 作为锚点
    1. a标签的name属性值 <a name="top"></a>
    2. 其他的id属性值 <div id="top"></div>
    3. 锚点的使用 <a href="#top"></a>
8. 表格
  1. 表格格式
    1. table 表格
    2. tr 行
    3. td 标准单元格
    4. th 表头（自带字体居中，加粗效果）
  2. table属性
    1. width 表格的宽度
    2. border 边框
    3. align 对齐方式
  3. 特殊属性： style=“border-collapse:collapse;” 合并表格的边框
  4. tr属性
    1. align 行的内容的对齐方式
9. 表单
  1. form标签：表单标签，区级元素，会自动换行将数据传输给服务器
    1. 常用属性
      1. action 表单提交的地址url
      2. id 唯一标识
      3. name 表单提交打开方式（当前窗口）
      4. method 提交方式
        get请求：参数会直接跟在url后面，用问号拼接，优缺点是安全性差，传递的数据量小，效率高（是post速度的两倍），有缓存
        post请求：参数不会跟在url地址栏后面，会放在请求体中，优缺点：安全性高，传输数据量大，速度相对来说慢，无缓存。
    2. 表单：元素表单元素一定要设置name属性值
      1. input
        input元素
        type 表单元素的类型
        text 文本框
        password 密码框
        radio 单选框
        checkbox 复选框
        button 普通按钮
        hidden 隐藏域
        file 文件域
        date 日期框
        submit 提交按钮
        reset 重置按钮
        image 图片按钮（提交按钮）
        value 表单元素的值
        checked 是否选用（单选框/复选框）
        disabled 是否禁用
        maxlength 允许输入的最大字节
      2. textarea
      3. label
      4. button
      5. select

果粒奶优男孩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一次网页前端培训笔记（HTML常用标签）

一，学习网址【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili二，安装Hbuilder编辑器HBuilderX-高效极客技巧三，学习HTML基础语法标签单标签 <br/> 换行 <hr/> 水平线单标签属性 <hr width="800"/> 双标签 <title&gt...
复制链接

扫一扫