绿叶学习网HTML技术细节

最新推荐文章于 2022-11-30 21:26:27 发布

Dan Boneh

最新推荐文章于 2022-11-30 21:26:27 发布

阅读量1.1k

点赞数

分类专栏： html基础入门文章标签： html

本文链接：https://blog.csdn.net/qq_44744450/article/details/113918844

版权

html基础入门专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在HTML中，一般来说，只有6个标签能放在head标签内。

（1）title标签
（2）meta标签
（3）link标签
（4）style标签
（5）script标签
（6）base标签

meta标签一般用于定义页面的特殊信息，例如页面关键字、页面描述等。提供给搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的。

静态网页

文本
- 标题标签
- 段落标签
- 换行标签，br标签是用来给文字换行的，而p标签是用来给文字分段的
- 文本标签
  1. 粗体标签：strong(常用）,b
  2. 斜体标签：i,em（常用）,cite
  3. 上标标签：sup
  4. 下标标签：sub
  5. 中划线标签：s(通常用css来实现，几乎不用s标签)
  6. 下划线标签：u(通常用css来实现，几乎不用u标签)
  7. 大字号标签：big(通常用css来实现，几乎不用big标签)
  8. 小字号标签：small(通常用css来实现，几乎不用small标签)
- 水平线标签，hr标签
- 特殊符号,空格符
  
  1.div标签最重要的用途是划分区域，然后结合CSS针对该区域进行样式控制
  
  2.常见的自闭合标签：meta ,link ,br ,img ,hr ,input
  
  3.块元素和行内元素：
  - 块元素：独占一行，内部可以容纳其他块元素和行内元素，其中包括div，hr，ol，ul
  - 行内元素：与其他行内元素位于同一行，只能容纳其他行内元素，其中包括span,a,em,strong
    
    阶段小测试：
    
    列表学习：
  表格测试
图片

超链接

锚点链接，，内部链接，跳到当前页面的某一部分，a标签的href属性加上#
内部链接，指向自身网站的页面
外部链接，指向外部网站的页面

本章练习

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" >
    <title>JSON</title>
    <style type="text/css">
        table,tr,td,th{border:1px solid silver;}
    </style>
</head>

<body>
    <a href="https://www.firefox.com" target="_blank"><img src="images/firefox-icon.png" alt="火狐的logo" title="点击火狐图片出现链接"/></a><br />
    <a href="https://www.tencent.com">腾讯官网在这里</a>

</body>

</html>

音频和视频

动态页面

与服务器进行数据交互

表单

，其中注册登录、话费充值、发表评论等都是应用，文本框、按钮、下拉菜单等就是常见的表单

form标签
- name属性，
- method属性，指表单数据使用哪一种http提交方法，通常使用post
- action属性，数据提交到的地址
- target属性，窗口打开方式，同a标签的target属性
- enctype属性，表单数据提交的编码方式
input标签
- 自闭合标签
- 单行文本框，text
- 密码文本框，password
- 单选框，radio
- 复选框,checkbox
- 按钮，button，submit, reset
- 文件上传，file
textarea标签

多行文本框
select标签

下拉列表
option标签

表单测试

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>JSON</title>
  </head>

  <body>
      <form method="POST">
          昵称：<input type="text" value="青峰塾"/><br>
          密码：<input type="password"/><br />
          邮箱：<input type="text" />
          <select>
              <option>163.com</option>
              <option selected>qq.com</option>
              <option>gamil.com</option>
              <option>126.com</option>
          </select>
          <br />
          <p>个人简介：</p> <textarea rows="8" cols="50">introduce your self</textarea><br />
          <p>上传个人照片：</p>
          <input type="file" /><br />
          <hr>
          <label><input type="submit" value="立即注册"/>   </label>
         
          

      </form>
  </body>
</html>

Dan Boneh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
绿叶学习网HTML技术细节

HTML技术细节在HTML中，一般来说，只有6个标签能放在head标签内。（1）title标签（2）meta标签（3）link标签（4）style标签（5）script标签（6）base标签meta标签一般用于定义页面的特殊信息，例如页面关键字、页面描述等。提供给搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的。静态网页文本标题标签段落标签换行标签，br标签是用来给文字换行的，而p标签是用来给文字分段的文本标签粗体标签：strong(常用）,b斜体标
复制链接

扫一扫