个人前端笔记一

时间 2019-11-12

标签个人前端笔记繁體版

原文原文链接

两年多前开始学习、从事前端方面的工做，由于公司领导对于前端不太了解和一些别的缘由，因此我自身的技术很是通常。最近半年来一直再学习、了解一些前端的框架和库，但总感受提升的速度过于缓慢。因而反思是否由于自身基础太差，因此决定先停下来，夯实基础后，再次前行。javascript

1、HTMLcss

一、基础前端

标题是经过 <h1> - <h6> 标签来定义的。
段落是经过 <p> 标签来定义的。
连接是经过 <a> 标签来定义的。
图像是经过 <img> 标签来定义的。

二、元素java

元素语法以开始标签如：<p> 开始，以结束标签如： </p> 结束，成对出现。
空元素在标签内闭合如： <br />。

三、属性浏览器

属性老是以键/值对的方式出现，如：name="value"。
连接的属性 href="连接路径或地址"。
id、class、style、title等。

四、标题安全

<h1></h1> -- <h6></h6> ， <h1>定义最大标题，<h6>定义最小标题。标题标签是语义化的，是利于搜索的。
水平线 <hr>
注释

五、段落框架

段落 <p></p> 段落文本
换行 <br />

六、文本格式化dom

文本加粗 <b></b>
文本斜体 <i></i>
上标 <sup></sup>
下标 <sub></sub>

七、连接布局

<a href="url">访问者看到的文本</a>
<a href=""></a> 具备 target 属性，表示打开新窗口的方式

八、头部元素学习

可在头部，即 <head></head> 中添加 <title> 、<meta> 、<style> 、 <script> 等元素标签。
<title> 标题标签
<meta> 一般用于指定网页的关键词、描述、做者等元数据
<style> 用于添加网页样式
<script> 用于添加网页脚本

九、CSS引入方式

内联样式直接写在元素上，如： <div style="width:100px; height:100px; background-color: red;"></div>
内部样式写在 <style></style> 内
外部样式使用 <link href="test.css" rel="stylesheet" type="text/css" />

十、图像

<img src="源地址" alt="文本">
*记得加上 alt 属性，当图像不能正常显示的时候，显示 alt 的文本内容

十一、表格

<table border="1"> 定义表格，边框为1
<tr> 行开始
<th>表格头</th>
</tr> 行结束
<tr> 行开始
<td>列</td>
</tr> 行结束
</table> 表格结束

十二、列表

无序列表 <ul><li></li></ul>
有序列表 <ol><li></li></ol>
自定义列表 <dl><dt>标题</dt><dd>列表</dd><dd>列表</dd></dl>

1三、区块/内联

区块元素 <div>、<h1>、<p>、<ul>、<table>...
内联元素 <a>、<img>、<span>...

1四、布局

div 布局
table 布局

1五、表单

表单 <form></form>
<input> 标签 type属性：text（文本）、password（密码）、radio（单选框）、checkbox（复选框）、提交按钮（submit）等

1六、框架

iframe框架
具备属性：src 、 name 、 frameborder

1七、颜色值

十六进制，如：#FF0000
rgb，如：(255,0,0)
颜色名，如：red

1八、脚本

<script></script> 能够放在 <head></head>中，也能够放在 <body></body> 末尾
<noscript><noscript> 当浏览器不支持javascript是显示标签内的文本

1九、字符实体

  < > ......

20、URL

scheme：http（超文本传输协议）、https（安全超文本传输协议）、ftp（文件传输协议）、file（文件）
host（主机名）
domain（域名）
:port（端口）
path（路径）
filename（文件名）
* URL 只能使用 ASCⅡ 字符集

相关文章

相关标签/搜索

Web前端笔记

Web前端笔记-基础

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<