HTML|前端網頁的設計基礎知識

2021-03-02 算法與編程之美

歡迎點擊「算法與編程之美」↑關注我們!

本文首發於微信公眾號:"算法與編程之美",歡迎關注,及時了解更多此系列文章。

1、關於html簡介

html指的是超文本標記語言,是用來描述網頁的一種語言。且其並未為一種程式語言,而是一種標記語言(一套標記標籤),以此為基礎來描述網頁。

2、html標籤

html通常被尖括號包圍,例如<html>,以此為一個代碼的開始標籤以及終止標籤。

圖 1 基本代碼

另外,html標籤通常是成對存在的,比如<p>和</p>,一個為其實標籤,另一個為終止標籤,在兩個字符間的文本被現實為段落。在上圖中,<head>與</head>之中的兩個<tiltle>之間則為整篇文章的標題、兩個<boidy>之間的文本是可見的頁面內容,及程序中可見的正文部分。

3、常見的運行html方法

首先可以使用專業的HTML編輯器來編輯:

· Adobe Dreamweaver

· Microsoft Expression Web

· CoffeeCup HTML Editor

另外,一般情況下,會使用Notepad以及textedit來編寫。除此之外,也推薦使用文本編輯器或者記事本來學習。在完成之後,只需要用瀏覽器來運行此程序就好。

4、總結

學習前端網頁是一個不斷學習並發現新知識的過程,更是一個突破自我的過程。當然伴隨我們的是一個個枯燥的代碼,只有做好心中的覺悟,才能真正的去展現自我價值。

主  編   |   張禎悅

責  編   |   陳宇傑

溫馨提示:點擊頁面右下角「寫留言」發表評論,期待您的參與!期待您的轉發!

相關焦點

  • 網頁前端設計快速入門技巧
    今天我就跟大家說說前端,如何快速入門?網頁前端設計一千個人眼中就有一千個哈姆雷特,每個人對網頁前端的理解也是不一樣的。我認為網頁前端開發就像是網際網路的美容師,不僅給訪客帶來視覺上的美感,而且隨著網際網路的發展,Html5、CSS3的應用,前端工程師結合技術與藝術能把網站最好的界面呈現給用戶,這就是網頁前端!
  • HTML+CSS前端設計知識圖譜(含教學大綱)
    可以直接使用本教材完成Web網頁前端設計的基礎入門和後續HTML5技術的學習。本教材配合以《HTML5網頁前端設計實戰》作為實驗輔導教材。):《HTML5網頁前端設計實戰》第9章:1. 可以直接使用本教材完成Web網頁前端設計的基礎入門和後續HTML5技術的學習。本教材配合以《HTML5網頁前端設計實戰》作為實驗輔導教材。
  • 小白入門網頁前端必知html基礎知識
    HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片等。網頁製作學習群:四九四零六,四九三四。
  • 《HTML5網頁前端設計》的教與學
    可以直接使用本教材完成Web網頁前端設計的基礎入門和後續HTML5技術的學習。本教材配合以《HTML5網頁前端設計實戰》作為實驗輔導教材。):《HTML5網頁前端設計實戰》第9章:1.可以直接使用本教材完成Web網頁前端設計的基礎入門和後續HTML5技術的學習。本教材配合以《HTML5網頁前端設計實戰》作為實驗輔導教材。
  • 零基礎學網頁設計與web前端開發 —第一講
    零基礎學網頁設計與web前端開發
  • 網頁設計_HTML_CSS語言描述的網頁
    WWW_WEB_入門實踐—網頁設計HTML_CSS語言描述的網頁      網頁內容與表現形式一般新聞或科技報導—文本與圖形
  • HTML前端設計教與學(32/48/60學時教學大綱+視頻)
    HTML5網頁前端設計是學習Web前端開發的必修課程。本課程介紹了開發Web前端網頁應具備的基礎知識,包括HTML5、CSS3、JavaScript技術入門以及HTML5拖放、表單、畫布、音頻和視頻、地理定位、Web存儲的應用API等知識。通過理論教學和上機練習訓練學生編寫程序的熟練度和規範性;在項目經驗的積累方面,通過完成項目案例,增加對實際軟體項目開發的經驗。
  • 網頁設計HTML_CSS_VC#語言描述的網頁
    使用WWW特有語言HTML語言—基礎描述語言後臺計算機語言描述—代碼HTML<html><bodystyle="background-color: #ffff00"><p>WWW_WEB_入門實踐—網頁設計HTML語言<br />
  • 網頁設計HTML_CSS_VB語言描述的網頁
    WWW_WEB_入門實踐—網頁設計HTML_CSS_VB語言描述的網頁--VS平臺網頁內容與表現形式一般新聞或科技報導
  • HTML5 和 CSS 基礎知識一(筆記)
    一、HTML5 部分1、入手2、html5 語法3、結構4、文本格式5、圖像與畫布6、列表7、表格8、連結9、表單10、音頻與視頻11、HTML5其他功能12、HTML5綜合二、CSS 部分1、初識 CSS2、CSS 基礎語法3、CSS 基礎選擇器4、CSS 高級選擇5、顏色6、文本修飾7、邊框效果8、背景修飾9、盒子模型10、浮動和分欄11、定位12、過渡效果13、響應式布局14、動畫
  • html 基礎知識
    html 基礎知識html 基礎知識1. 網頁的組成部分2. html 設計思想3.
  • 網頁前端技術HTML教程第一講
    HTML零基礎第一講我們是從零基礎開始講Html的。在講Html之前先給大家講一下為什麼要學Html?Html是幹什麼的?什麼工具可以瀏覽Html文檔。第一:大家平常瀏覽的網頁就是用Html代碼編寫的,也就是說Html可以編寫網頁。
  • html語言是什麼?前端工程師需要明白什麼?
    htm是超文本標記語言簡稱,英文全名是「Hyper Text Markup Language」,是構成網站網頁文檔主要語言,它是一種標記語言而不是程式語言,是由一套標記標籤來描述網頁內容,這些內容主要由瀏覽器解釋(展示給網站訪客),同一個html文件如果不加處理對於不同的瀏覽器顯示不同的效果導致出現瀏覽器兼容問題
  • 做好前端的話html和css基礎必須夯實
    知乎上很多前端大佬說,要做好前端的話html和css基礎必須夯實。那麼,達到什麼水平才能叫基礎夯實呢?  1、拿到設計人員給的圖,不管是pc或者是移動端的圖,看一遍之後腦海中已經有了很明確的結構和頁面書寫過程中可能出現的兼容問題。
  • HTML入門基礎篇
    作為WEB前端系列的第一篇文章,本文從最基礎的HTML來開始介紹,本文針對零基礎的對前端感興趣的同學,保證所有人都能看得懂
  • 前端html,css基本知識
    上一篇講到過html和css相當於人的身體和衣服的關係,html的歷史發展百度上可以搜到,這裡簡單了解一下,1989年開發出了世界上第一個Web伺服器與Web客戶端,並將這項發明取名為world wide web,也就是我們現在所說的WWW全球資訊網。HTML也因此誕生。
  • 【崗位解讀】(48)——網頁(WEB)前端開發工程師
    崗位解讀Web前端開發技術包括三個要素:HTML、CSS和JavaScript,但隨著RIA的流行和普及,Flash/Flex、Silverlight、XML和伺服器端語言也是前端開發工程師應該掌握的。隨著時代的發展,前端開發技術的三要素也演變成為現今的:html5,css3,jquery。
  • 網頁設計HTML_CSS語言_外部樣式
    WWW_WEB_入門實踐—網頁設計HTML_CSS語言_外部樣式網頁內容與表現形式一般新聞或科技報導—文本與圖形
  • 學習前端編程難嗎,分享職業生涯心得,讓你知識快速成長
    學會了html、掌握了html知識,是你學習前端編程的開始,算是邁入了前端編程的大門。在剛開始學習html的時候,一定要記住每個標籤,後面在真正的工作運用當中,一定要去理解它。雖然在工作中我們一直說,關於任何語言的標籤都不需要死記硬背,在使用的時候可以直接查看文檔。雖然這個說法沒錯,但是你熟練使用這些標籤的前提就是要了解它們,知道到底如何使用。
  • 網頁設計HTML_CSS_JavaScript語言_外部文件
    WWW_WEB_入門實踐—網頁設計HTML_CSS_JavaScript語言_外部文件網頁內容與表現形式。