html知识点大全

落雪飘风

已于 2022-03-03 11:29:14 修改

阅读量304

点赞数

分类专栏： html 文章标签： html

于 2021-12-23 21:38:18 首次发布

本文链接：https://blog.csdn.net/wushangnb/article/details/121945048

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html

（HyperText Markup Language）
超文本标记语言
在浏览器运行并显示

浏览器

   谷歌 Google Chrome
   火狐 Firefox
   IE浏览器
   苹果 Safari
   欧朋 Opera

XMind使用

   生成子主题 tab
   同级主题 enter
   内容换行 Ctrl+enter

html基本结构

<!DOCTYPE html> html5文档声明
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

段落标签

主题标签

编码

   utf-8 万国码
   gb2312 国标
   gbk

单位

   1em=16px
   rem与em的区别：
       rem根据根目录字体大小为基准
       em根据当前字体大小为基准

img标签

<img src="" alt="">
src source 图片（相对）路径
       当html文件与图片在同一个目录下，src的值直接写图片名称
<img src="1.jpg" > 或 <img src="./1.jpg">
       当html文件与图片所在文件夹在同一个目录下，src的值先写文件夹名称，再写图片名称
<img src="img/2.jpg"> 或 <img src="./img/2.jpg">
       当html文件所在文件夹与图片在同一个目录下，src的值先通过 ../ 跳出当前目录，再写图片名称
<img src="../3.jpg">
       当html文件所在文件夹与图片所在文件夹在同一个目录下，src的值先通过 ../ 跳出当前目录，再写图片文件夹名称，最后写图片名称
<img src="../img/4.jpg">
  alt 图片显示不出来显示此处文字
  title 鼠标放到图片上的提醒文本

加粗

<b></b>
<strong> </strong> 有强调意味

倾斜

<i></i>
<em></em>有强调意味

上、下标

<sup></sup> 上标
<sub></sub> 下标

小号字体

水平线

<hr>

超链接

href=" " 链接地址
target="_blank" 在新的页面打开

行内框架

src 用来引入外部网页地
frameborder 框架边框

0 无边框

1 有边框

3. scrolling 滚动条

auto

no 无滚动条

yes 有滚动条

表格

1、基本结构
<table>
<tr>

</tr>
<tr>

<td></td

</tr>
</table>
2、 table属性
       border="" 表格边框
       cellspacing="" 单元格之间的距离
       cellpadding=""> 内容与单元格四周的距离
       align 表格水平对齐方式
           left 左对齐
           center 居中对齐
           right 右对齐
       valign 单元格内容垂直居中对齐方式
           middle 垂直居中
           top 居上对齐
           bottom 居下对齐
       bgcolor 背景颜色
       bordercolor 边框颜色
       rules （规定表格内侧的边框哪部分可见）
           none 行与列的边框均不可见
           rows 行边框可见
           cols 列边框可见
           all 行与列边框可见
  3、单元格合并
       colspan 水平合并单元格
       rowspan 垂直合并单元格

表单

（表示数据采集的范围）
<form action="" method=""></form>
       action：数据提交路径
       method 数据提交方式
           get
           post
   <input type="text" name="" id="" value="" placeholder/>
       type 类别
           text 文本框
           password 密码框
           radio 单选框
           checkbox 复选框
           submit 提交按钮
           reset 重置按钮
           button 普通按钮
           file 文件上传按钮 multiple
           image src 图片提交按钮

属性
       name 名称
       value 初始值
       placeholder 提示
       maxlength 最大长度
   <textarea></textarea> 文本域
   下拉选择框
<select name="name值">
<option value="值">选项</option>
....
</select>
     默认被选中 option 添加 selected属性
   <button></button>
       type submit 提交按钮
       type reset 重置按钮
       type button 一般按钮
   点击文字选中单选框/复选框
1. <lable>
<input/>
</lable>
2.<input type="checkbox" name="" id="a" value="huge" />
<label for="a"></label>

块元素

行内元素

   <b></b>
   <strong></strong>
   <i></i>
   <em></em>
   <sup></sup>
   <sub></sub>
   <small></small>
   <span></span>
   <a href=" " target="_blank"></a>
   lable

行内块

   <img>
   <iframe src=""></iframe>
   input
   button
   <textarea></textarea>

换行 <br>
空格

     最小
   &ensp;
   &emsp; 最大

常用符号

列表

   无序列表（比较常用）
       <ul>
<li>列表项</li>
....
</ul>
   有序列表
       <ol>
<li>列表项</li>
......
</ol>

落雪飘风

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html知识点大全

html HyperText Markup Language超文本标记语言在浏览器运行并显示浏览器谷歌 Google Chrome 火狐 Firefox IE浏览器苹果 Safari 欧朋 OperaXMind 生成子主题 tab 同级主题 enter 内容换行 Ctrl+enterhtml基本结构 <!DOCTYPE html> html5文档声明 &l...
复制链接

扫一扫