HTML必备基础知识一

最新推荐文章于 2024-07-14 16:43:41 发布

qq_43323814

最新推荐文章于 2024-07-14 16:43:41 发布

阅读量296

点赞数

文章标签：前端 html css3

本文链接：https://blog.csdn.net/qq_43323814/article/details/121736111

版权

经过这段时间的努力学习，对于html一些基础知识点有了一定的了解。所谓烂笔头不如好记性，唯有一点点积累，才能汇聚成知识的汪洋大海。那么现在，我对这些天的学习做一个大概的总结，就不一一讲解了。

超文本标记语言（英文名:HyperText Markup language 简称：html）
中文网页需要使用 <meta charset="utf-8">声明编码

   标签: <h1>这是一个标签</h1>
   段落: <p>这是一个段落</p>

   超链接:
   <a href="xxxx" target="_blank">demo.html</a>
引用外部资源：<link rel="stylesheet" type="text/css" href=" ">
—---------------------------
target属性介绍：
       _self: 把新网页在自己的网页打开（默认）
       _blank: 开启一个新的网页

   图像: <img src="/images/logo.png" width="258" height="39" />

   水平线: <hr>

注释：

换行标签：<br>
<div>内容</div>

   字体样式标签：
               粗体：<strong></strong>
               斜体：<em></em>
       —---------------------------
   HTML属性
       id=" "（属性值只能填一个）
       class=" "（可以填写多个属性值）

   HTML样式实例
           背景颜色：<body style="background-color:yellow;"></body>
               字体： font-family:verdana;
               颜色： color:red；
               字体大小： font-size:20px;
文本内容居中：text-align:center；
background:rgba(255,0,0,0.5);
—---------------------------
    内部样式：<style type="text/css"></style>
    外部样式：<link rel="stylesheet" type="text/css" href="mystyle.css">

表格：

<table border="1">
   <tr>
     <th>Header 1</th>
     <th>Header 2</th>
   </tr>
   <tr>
     <td>row 1, cell 1</td>
     <td>row 1, cell 2</td>
   </tr>
   <tr>
     <td>row 2, cell 1</td>
     <td>row 2, cell 2</td>
   </tr>
</table>

无序列表:
       <ul>
       <li>项目</li>
       <li>项目</li>
   </ul>
   有序列表:
   <ol>
       <li>第一项</li>
       <li>第二项</li>
       </ol>

HTML网页布局

表单: <form>xxxxx</form>
输入框: <input type="text" name="uername"> (文本域

密码：<input type="password" name="pwd">

单选按钮: <input type="rideo" name="sex" value="male">

复选框: <input type="checkbox" name="vehicle" vale="Car">

提交按钮: <input type="submit" value="submit">

隐藏： type="hidden" (不显示输入框，还具有form传值功能)
一般都是用来传值，不必让用户看到。
—---------------------------

        form表单属性:
action:指定提交数据的URL
method:指定提交方式（共分为7种, 2种最常用）
       get:
           1:请求参数会在url地址栏中显示。会封装到请求行中（HTTP协议后讲解）。
           2:请求参数大小是有限制的。
           3:不安全。
       post:
           1:请求参数不会在地址栏中显示。
           2:请求参数大小没有限制。
           3:比较安全。（表单数据想要被提交必须指定name属性）

—---------------------------

   框架:
       设置宽高
       <iframe loading="lazy" src="123.html" width="200" height="200"></iframe>
       移除边框: frameborder="0"

       使用 iframe 来显示目标链接页面
       iframe 可以显示一个目标链接的页面
       目标链接的属性必须使用 iframe 的属性
       <iframe src="123.html" name="iframe_a"></iframe>
       <p><a href="XXXX" target="iframe_a" rel="noopener">HELLO</a></p>

以上是本文全部内容，希望对你的学习有所帮忙，喜欢记得关注哦，也感谢你的支持。

更多web前端知识内容咱们下期见！！！

qq_43323814

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML必备基础知识一

经过这段时间的努力学习，对于html一些基础知识点有了一定的了解。所谓烂笔头不如好记性，唯有一点点积累，才能汇聚成知识的汪洋大海。那么现在，我对这些天的学习做一个大概的总结，就不一一讲解了。超文本标记语言（英文名:HyperText Markup language 简称：html）中文网页需要使用 <meta charset="utf-8">声明编码标签: <h1>这是一个标签</h1> 段落: <p>这是一个段落&lt...
复制链接

扫一扫