HTML5基礎

-Advertisement-

北冥複習html（一）一、基本結構 <!DOCTYPE html> <html> <head> <title>網頁標題</title> <meta charset="utf-8"/> </head> <body> </body> </html> 二、什麼是HTML？ HTML指的是超文本標記語言（ ...

北冥複習html（一）

一、基本結構

<!DOCTYPE html>
<html>
  <head>
    <title>網頁標題</title>
    <meta charset="utf-8"/>
  </head>
  <body>
  </body>
</html>

二、什麼是HTML？

HTML指的是超文本標記語言（Hyper Txet Markup Language）
HTML不是一種編程語言，而是一種標記語言==》是一套標記標簽，用來描述網頁

三、HTML屬性

HTML可以擁有屬性
屬性提供了有關HTML元素更多的信息
屬性總是以名稱/值成對的形式出現例如
name="value"; href="beiming.png";
屬性總是在HTML元素的開始標簽中規定，例如：
（<a href = "">==》開始標簽； </a>==》結束標簽）

四、結構標簽

doctyoe ==》聲明
html ==》文檔標簽
head ==》頭部信息標簽
title ==》文檔標簽標題
meta ==》聲明瀏覽器信息
body ==》主體標簽

五、基本標簽

h1~h2==》標題標簽
p==》段落標簽
<br/>==》換行
<hr/>==》水平線
strong==》加粗
em==》斜體
 ==》空格
& gt;& lt;==》大於、小於符號
"==》引號
©==》版權符號

六、圖像標簽

結構：<img/>
元素：src="圖片地址"; height="像素"(高); width="像素"(寬); title="提示內容"(滑鼠懸停提示); alt="內容"(沒載入出圖片時，圖片的代替文字);
例子：
<img src="image/beiming.png" heigh="586" width="350" title="圖片" alt="未找到圖片" />
效果：

七、超鏈接

1.鏈接標簽：跳轉指定網頁
語法：<a>鏈接內容</a>
元素:1.href="路徑";是鏈接打開的路徑 2.target="打開方式";是鏈接的打開方式，預設為slef，即在當前窗體直接打開，blank是新建一個視窗打開

2.錨鏈接：在當前網頁跳轉指定位置
使用方法：
<ahref = "#a1">點擊跳轉</a>
<name = "a1">已到跳轉點</a>

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

layui的iframe父子操作方法

背景：layui 通過調用 open方法，type:2，打開iframe彈窗註意：以下方法使用需在服務上運行，否則會出現以下報錯，導致方法失效需求1：點擊關閉彈窗時，父頁面獲取彈窗內的dom元素 1 //在關閉彈窗時，獲取彈窗內的dom元素 2 cancel: function (index, ...
ES6---async, await, promise 綜合例子

ES6 async, await, promise 綜合例子 new Promise(主線程代碼).then(成功微任務, 失敗微任務); sync 替代promise await 替代then 1. <div id="aa"></div> <script type="text/javascript ...
1個月快速入門Web前端開發，怎麼學？

在不知不覺中，前端工程師火了。甚至很多人都不知道為什麼這樣一個職位會這麼火，市場的供不應求直接導致前端工程師的待遇提高。另外一方面就是前端技術的更新迭代，導致大部分技術人員跟不上。因此越來越多的人想轉型做前端開發了，下麵我們來談談，如何快速入門前端開發。零基礎學web前端開發要怎麼去學?首先要學習 ...
vue-cli 4.3.1 ESLint

今天升級了vue cli，發現在使用vuecli4創建項目後eslint找不到需要關閉的方式，經過一番嘗試和查找資料發現了兩種方式進行關閉；第一：簡單粗暴。將package.jsonl裡邊所有的eslint刪除，然後重啟就行了；第二：在第一種的方式上有個問題就是如果後期需要添加eslint校驗 ...
13.製作一個直角三角形

使用div元素製作一個三角形： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
【Vue】搭建開發環境

學習一個新東西的時候，先要把開發環境搭起來，最近想學學前端技術，vue的開發環境搭建還是比較簡單，這裡簡單記錄一下 ...
el-dialog拖拽功能

渣渣渣的筆記。。。。開始也是用vue自定義指令來實現，後來發現一個頁面中有兩個el-dialog時，只有一個起作用，求指點。。。所以寫了一個全局的方法來調用。 ~/utils/dialogDrag.js 1 export default { 2 dialogDrag(el) { 3 let dr ...
12.居中總結

居中：盒子在其包含塊中居中 1.行盒（行塊盒）水平居中：直接設置行盒（行塊盒）父元素的text-align屬性：center 2.常規流塊盒水平居中：定寬，設置左右margin為auto; div{ width:100px; margin:0 auto; } 3.絕對定位的水平居中：定寬，設置 ...