IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 第一次网页前端培训笔记(HTML) -> 正文阅读

[JavaScript知识库]第一次网页前端培训笔记(HTML)


HTML的视频教程?? ?HTML文字教程

HTML 标签标题

通过<h1> - <h6> 定义标题,标题依次递减,为块级元素(可以自动换行)。
?

<h1>这是一个标题</h1> 

<h2>这是一个标题</h2> 

<h3>这是一个标题</h3>

注意:尽量减少使用h1标签,防止被搜索引擎捕获。

HTML 段落标签

通过标签 <p> 来定义,为块级元素(可以自动换行)。

<p>这是一个段落。</p> 

<p>这是另外一个段落。</p>

HTML 换行标签

通过<br>或者<br/>来定义,为单标签。

<p>这个<br>段落<br>演示了分行的效果</p>

HTML水平线标签

通过<hr>来定义,为单标签。

<hr width="10%" size="3" color="red" align="left">

常用属性

color 颜色

size 粗细

width 长度(百分比或者px)

align 对齐方式

HTML列表

  1. 无序列表
<ul>
    <li> aaaaa </li>
    <li> bbbbb </li>
</ul>

注意:ul有三种设置 circle disc square

e.g. <ul type="disc">

浏览器显示如下:

  • aaaaa
  • bbbbb

? ? ? 2 . 有序列表

<ol>
    <li> aaaaa </li>
    <li> bbbbb </li>
</ol>

注意:默认为阿拉伯数字,可以通过定义type来进行更改。

HTML中的a标签

1.链接中href属性

超链接标签,用于链接到一个新的URL

<a href="url">链接文本</a>

2.链接中的target属性

使用 target 属性,你可以定义被链接的文档在何处显示。

_self:当前窗口打开

_blank:在空白窗口打开

<a href="http://wwww.baidu.com" target="_blank">百度</a>

注意:a标签的name属性值<a name="top"></a>

其他的id属性值 <div id="top"></div>

错点的使用 <a href="#top"></a>

HTML中的img标签

向网页中嵌入一张图标

<img src="img/timg.jdp" width="500" height="500">

常用属性:

src:需要引入的图片的地址(必须属性)

alt:当图片破损或不存在时,显示文本的内容

title:当鼠标悬停在图片时显示的文本

width:图片的宽度

height:图片的高度

border:图片边框

HTML中的表格标签

<table> 表格<tr>?行 <th> 表头(字体居中,加粗效果)

<table width="400px" align="center border="1">
   <tr>
      <th>编号</th>
      <th>姓名</th>
      <th>年龄</th>
   </tr>
</table>

table的属性

width 表格宽度

border 边框

align 对齐方式

HTML中的form标签

表单标签,块级元素,会自动换行

将数据传递给服务器

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

常用属性

action 表单提交的地址

id 唯一标识

name 名字

target 表单的提交打开方式

method 提交方式

  • get请求

    参数会直接跟在URL后面,用问号拼接

    安全性差,传递数据量小,传递效率高

  • post请求

    参数不会放在URL后面,会放在请求体中

    安全性高,传输数据大,速度相对慢,无缓存

HTML中的input标签

input元素?

<from action="#" method="get" id="myform" name="myform">
		First name:<input type="text" name="firstname" value=""/><br>
		Last name:<input type="text" name="lirstname" value=""/><br>
		<input type="submit" value="提交"/>
</from>

type 表单元素类型

text文本框 radio单选框(需要设置一组相同的name属性)?password 密码框 checkbox复选框 button 普通按钮 hidden 隐藏域(用来存放需要传递给服务器的,但不需要显示的数据)file文件域

date时间框 submit 提交按钮 reset重置按钮 image图片按钮(提交按钮)

value 表单元素值

checked? 是否选中(单选框/复选框)

disabled 是否禁用 maxlength 允许输入的最大字符

注意:表单元素需要设置name值,否则无法传递

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-02-04 10:57:06  更:2022-02-04 10:57:37 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 11:58:25-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码