HTML基本知识

weixin_44944443

已于 2022-03-05 21:44:53 修改

阅读量115

点赞数

文章标签： html elementui webview

于 2022-01-14 15:49:38 首次发布

本文链接：https://blog.csdn.net/weixin_44944443/article/details/122470046

版权

web标准的构成：结构（html）、表现（css）、行为（JavaScript）

①<html>最大标签，根标签 ②<head>头部，必须设置title ③<title>网页名字 ④<body>主体

<!DOCTYPE>文档类型声明标签，告诉浏览器使用哪个html版本显示网页

lang语言种类 <html lang="en"> en定义显示英文 zh-CN定义为中文

<meta>标签的charset属性来规定html文档应该使用哪种字符编码

常用标签：

1.标题标签<h1>—<h6></h1> 独占一行

2.段落标签<p> </p>段落之间会有间距

3.换行标签<br /> 段落之间没有间距，单标签

4.文本格式化<strong>加粗</strong>/<b>加粗</b>、<em>/<i> 倾斜、<del>/<s>删除线、<ins>/<u>下划线

5.盒子标签

<div>一行只能放一个，独占一行

<span>跨距行展开，一行可以放很多个

6.图像标签 <img src="图像URL" /> 单标签

alt 属性用来为图像定义一串预备的可替换的文本。（图片显示不出来）

height（高度）、width（宽度）、border（边框）属性用于设置图像的高度、宽度、边框粗细。

title鼠标放到图片上的提示文本

7.超链接标签 <a> 从一个页面链接到另一个页面

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href="#"空链接（还没做好页面时） #后可加名字对应id名字

target="_blank"为在新窗口中打开

8.表格语法

<table border="1">
//第一行
    <tr>
        <th>Header 1</th>                //表头
        <th>Header 2</th>
    </tr>
//第二行
    <tr>
        <td>row 1, cell 1</td>           //(1,1)
        <td>row 1, cell 2</td>           //(1,2)
    </tr>
//第三行
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

①<thead>定义表格头部<tbody>定义表格主体

②属性：align(center、left、right)、border(边框)、cellpadding(内容和单元格边框)、cellspacing(单元格间)、width、height

③合并单元格

跨行合并rowspan="合并单元格的个数" 跨列合并colspan="合并单元格的个数"

9.列表标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

无序列表（ul）、有序列表（ol）、自定义列表（dl）

<ul>内只能放<li>，而<li>内能放任意标签

10.表单

<from action="url地址" method="提交方式" name="表单域名称">各种表单元素控件</from>

<label>标签 <label for="和input的id绑定"></label>这时点击label也能操作input

<select>下拉标签 <select><option>选项</option></select> 可定义select="selected"

<textarea cols="一行可以写多少个字" row="几行">输入框

路径知识补充

相对路径图片相对于html页面的位置

./表示当前目录

绝对路径在电脑中的哪个位置、网页的图片地址

特殊字符

weixin_44944443

关注

0
点赞
踩
0

收藏

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

web标准的构成：结构（html）、表现（css）、行为（JavaScript）①<html>最大标签，根标签 ②<head>头部，必须设置title ③<title>网页名字 ④<body>主体<!DOCTYPE>文档类型声明标签，告诉浏览器使用哪个html版本显示网页lang语言种类 <html lang="en"> en定义显示英文 zh-CN定义为中文<meta>标签的charset属性来规定html
复制链接

扫一扫