1. 程式人生 > >html入門以及css的學習的心理路程。

html入門以及css的學習的心理路程。

了解如何制作網站 對網絡有一定的基礎 對以後學習其他類語言有一定的幫助

*前言

學習這門學科之前,感覺是非常簡單,往往現實都不是想象的那樣。聽老師教課的的時候感覺能聽懂,基本上也完全掌握了,實際上做的時候,磕磕碰碰,浪費了大量的時間,因此我自從接觸了這門學科了解到,不論是html還是其他計算機相關的科目時,都必須自己動手去做,腦子裏必須要有一個整體的模板,思路要清晰,多做一些例子,基本上就完全可以隨心應手的去設計想要的網站,不僅效率高,而且速度快。長話短說,接下來進入HTML的學習。

html的入門

<head>
<title><!~~ 令人醒目的標題~~ ></title>
<!~~ 可以寫一些地址鏈接以及body裏面的形式~~>

</head>
<body>

這是html的一個初步輪廓。接下來就是如何設計網站,首先接觸的是文本標簽。 # *1.文本標簽* **標題標簽** : h1~h6 標題是大到小

標題

標題

標題

標題

標題
標題
**水平線標簽** :hr ,在水平面出現一條線
滾動標簽: marquee: direction:滾動的方向 up down left(默認值) right behavior:scoll: 循環滾動 alternate:來回滾動 slide:只滾動一次 scollamount:滾動的速度 指定整數值 快樂
段落標簽:p

中間輸入段落內容

段落縮進 :blockquote
正常的段落模式,中間為內容部分。
原樣輸出標簽:pre
中間不論有任何東西,哪怕是標簽之類的都可以顯示出來。
上下標標簽:sup sub 列表標簽: 有序列表: ol li(列表項) ol默認的屬性type:默認的屬性值"1" 無序列表 ul li(列表項) ul 默認的屬性type:默認的屬性值:"disc"在html中常見的轉義字符 空格: ? 版權所有:? 顯示內容:? 註冊商品:? 顯示內容:? 列表標簽: 有序列表: ol li(列表項) ol默認的屬性type:默認的屬性值"1" 無序列表 ul li(列表項) ul 默認的屬性type:默認的屬性值:"disc" # * 2.圖像標簽* img標簽 屬性: src:導入圖片的路徑 width:圖片的寬度 1)指定固定大小 px(像素) 2)百分比 height:圖片的高度 title:鼠標懸浮在圖片上會顯示文字 alt:替代文本,當圖片加載失敗的時候,替代文本就會起作用 技術分享圖片
# 3.超鏈接標簽。 超鏈接標簽:a標簽 常用的屬性: href:連接資源地址(URL)或者資源文件 ** target:打開資源的方式:1)_self:當前窗口直接打開 2)_blank 新建窗口打開 **這個要特別註意看是否重新打開一個界面。 常見的協議: file:// 文件協議:打開本地文件的協議 http:// ---hosts文件中找是否有ip對應的域名,找不到---調用網卡進行聯網 會在網絡運營商(DNS) ---- 找到就訪問百度服務器 --- 返回給用戶首頁 thunder:// 迅雷協議 mailto: 郵件協議 超鏈接的作用: 1)可以連接資源文件 2)可以作為錨鏈接來使用 A:方式1: 針對在同一個html頁面下 a:打錨點(標記) b:創建跳轉鏈接 跳轉 B:方式2:在不同html頁面的使用 a:在另一個頁面的某個位置打錨點(標記) b:在當前頁面下創建跳轉鏈接 跳轉 總體來說,超鏈接就是打一個錨點,然後就可以創建連接! # 4.表格標簽 表格標簽:table 表格要有效果: 屬性: border:邊框 align:表格在瀏覽器中對齊方式 with和height:寬度和高度 行標簽:tr 列標簽:td 表頭標簽:th 自動居中 加粗 單元格的合並: 行合並:rowspan 列合並:colspan # 5.表單標簽 表單標簽:form標簽 action:必須寫 提交的地址 method:提交方式 get post 兩種方式的區別? 1)get方式提交,將用戶的信息提交的地址欄中,不安全;post提交方式不會將用戶信息提交到地址欄中 2)get方式提交,文件大小限制,不超過64kb;post方式,提交的文件的無限制! 首選post 文本輸入框:type="text" name屬性必填:用來給系統後臺標記 密碼輸入框:type=“password” 單選框:type="radio" name:將性別數據看成同一組信息,在這一組中只能選出一個選項。 復選框:type="checkbox" name:將性別數據看成同一組信息,在這一組中,可以選出多種選項。 文本域:textarea rows:屬性:有多行 cols:一行有多個字符 提交按鈕:type="submit"提交 type="reset"重置 type="button" onclick="testClick()"

相關推薦

html入門以及css學習心理路程

了解如何制作網站 對網絡有一定的基礎 對以後學習其他類語言有一定的幫助 *前言 學習這門學科之前,感覺是非常簡單,往往現實都不是想象的那樣。聽老師教課的的時候感覺能聽懂,基本上也完全掌握了,實際上做的時候,磕磕碰碰,浪費了大量的時間,因此我自從接觸了這門學科了解到,不論是html還是其他計算機相關

HTML入門的簡單學習

1:HTML簡介    1.1:HTML(Haper Text Markup language):超文字標記語言    超文字就是指頁面內可以包含圖片,連結,甚至音樂,程式等非文字元素    1.2:開

html入門(w3cschool學習筆記)

<html> 與 </html> 之間的文字描述網頁<body>與 </body>之間的文字是可見的頁面內容 頁面跳轉:<META http="refresh" content="秒數;URL=轉向頁面"

Caffe入門以及遷移學習(Fintune)的方法

1. 閱讀官網資料 2. 下載最近的Caffe程式碼,配置Caffe開發環境 從原始碼編譯Caffe比較複雜,推薦使用docker獲取配置好的caffe開發環境,Docker配置Caffe的步驟請參考博文 3. 執行Caffe提供的各個示例,Caffe提供Python介

jsp.html中的引入js.css檔案的問題,以及檔案路徑詳解

首先我把檔案的位置已截圖的形式發出(eclipse工作欄), 看清楚各個檔案路徑的位置。 </pre>其中test1.css中寫了一個測試程式碼:</p><p><pre name="code" class="html">.AA

HTML/CSS學習(二)

eight isp 特殊 pos doc col 進行 出現 浮動 續...... ============================================================================================= 浮

Java學習HTML入門

網頁 重置 自我介紹 回滾 標簽 color 公式 target coord HTML HTML基本標簽 <html> --html開始標簽 <head> -- 文件頭(用戶在瀏覽器的主體是看不到的) </head> <bo

HTML/CSS 學習筆記

選擇 active 字體顏色 one 字體 允許 關系 itl :active 外邊距:margin內邊距:padding 連接:hrefa:link(未被訪問)a:hover(鼠標懸停)a:visited(訪問過)a:active(鼠標點擊與釋放直接) 順序:link-v

HTML學習筆記 CSS學習選擇器 第五節 (原創)

ext spa family 如果 styles ctype css gre utf <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

HTML學習筆記 CSS學習選擇器案例 第五節 (原創) 參考使用表

樣式 back ack aid head 派生選擇器 char logs pan <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTMLCSS學習任務清單

火狐瀏覽器 網頁布局 設計圖 框架 cit 使用 ont 文檔 學習任務 HTML部分:掌握HTML的全部語法,他的主體結構,超連接及常用標記的使用 CSS部分:掌握CSS的三種選擇器的使用,明白如何使用DIV+CSS進行網頁布局,搞清楚浮動問題! 1,HTML的語法(包括

html引入css的方法,以及css選擇器

html 中間 col css選擇器 sheet strong sna 方法 權限 Html中引入css的四種方式 1、行內式 style=“XXX”寫在標簽中 <h1 style = "color: #000;"> 2、

Hibernate學習一:Hebinate入門以及一些小問題

路徑 java ima maven 註意 添加 cfg.xml mod hbm 1:Hebinate框架的簡述: Hebinate框架主要用用在javaee開發中的dao層設計,實現對數據庫的crud等操作, Hibernate的底層通過jdbc實現,通過對jdbc的封裝

Web前端開發之HTML+CSS基礎入門(使用CSS樣式的方式)

AD 層疊樣 b前端開發 col In 基於 允許 ML 語言 1) HTML<!DOCTYPE> 聲明標簽 a.定義和用法 <!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標簽之前。 <!DOCTYP

html+css學習記錄1

框架 透明圖 兄弟元素 就是 不同 顯示 顏色 外部 郵件 在html中,寫再多的空格,瀏覽器也會將其解析成一個空格,可以用<br/>來換行 <hr/>也是一個字節數標簽,可以生成一條水平線。 在html中一些 如 < >這種特殊字符

htmlcss學習1

劃分 代碼 之路 裏的 而是 小時 框架 F12 描述 html是接觸很久了,或許很多人覺得這個東西很簡單,是的,他其實就是一些再簡單不過的標簽組成,所有標簽的意思在w3school裏面1小時就能看完(記不記住關系不大,看久了自然記住了),這個文章當然不是生搬如何使用標簽的

html.css學習1

沒有 style family font ext 對齊 傾斜 什麽 20px 備註a是特殊的,要改變a裏面的顏色,必須直接給a設置,給a的設置不行屬性繼承明明是父級上的設置樣式,結果後代標簽也跟著發變化,這就叫屬性繼承。 哪些屬性可以繼承?color 課程叫html和c

一個尖括號能幹什麽,畫一個笑臉開始(為了支持交互,它又增添了JavaScript。HTML頁面也越來越臃腫於是CSS便誕生了API和核心代碼的出現使HTML能夠訪問更復雜的軟件功能--支持更高級的交互和雲服務集成這就是今天的HTML5)

重要 htm 服務 廠商 inf web運行 ima 用戶 界面 一個尖括號 < 一個尖括號能幹什麽 < ? 你可以編出一頂帽子 <(:-p 或一張笑臉 :-> 再或者更直接一些 20世紀90年代初,html作為一種簡單標記語言面

HTML/CSS學習1

事情 沒有 生活 還要 eight sheet display 不同的 amp 為什麽學習前端: 1.我想做一個個人的網站,所以除了懂得服務器的知識之外,還要懂得前端代碼。這樣才可以做出自己喜歡的網頁。 2.其實也不是完全為了做網頁而做。余生很長也很短,很長是一輩子,很短只

less入門及基礎學習(建議有css基礎)

應用 sqrt 子類 混合 out 擴展 常開 scrip 語法高亮 本文整理自:Less:優雅的寫css代碼 原文寫的很好,也很清晰,本文為個人整理方便個人對知識進行匯總整理!(個人建議原地址博文) css是不能夠定義變量的,也不能嵌套。它沒有編程語言的特性。在項目開發中