html和css基礎

来源:http://www.cnblogs.com/vivianss/archive/2016/01/24/5154476.html
-Advertisement-
Play Games

1,HTML全稱Hyper Text Markup Language(超文本標記語言)擴展XML:Extendsible Markup Language(可擴展性標記語言)2,CSS是一種表現樣式3,js則是一種行為,控制網頁的行為。編寫html 文檔的註意點01.所有標簽字母均小寫。02.有開始就...


1,HTML 全稱
Hyper Text Markup Language(超文本標記語言)
擴展XML:Extendsible Markup Language(可擴展性標記語言)

2,CSS是一種表現樣式

3,js則是一種行為,控制網頁的行為。

 

編寫html 文檔的註意點
01.所有標簽字母均小寫。
02.有開始就要有閉合標簽
03.每個層次的標簽有一定程度的縮進。
註意:如果發現body 內書寫了內容,用瀏覽器打開後發現沒有內容,那麼
就需要檢查下title 標簽有沒有閉合。

標簽

01.h 標簽:從h1 到h6 字體逐漸減小。
效果:自身加粗,並且可以控制字型大小。
02.p 標簽:和其他的內容行之間有一個空行。
03.br 換行標簽:是自身閉合標簽。<br/>
04.hr 水平線標簽,是自身閉合標簽。
05.strong(加粗)、06.em(傾斜)
07.特殊符號:所有的特殊符號都是包括在&;中
空格:&nbsp;
大於號:&gt;
小於號:&lt;
雙引號:&quot;
版權符號:&copy;

08.圖片標簽<img src=”.jpg” alt=“。。” />


10.超鏈接
分類:頁面間鏈接,錨鏈接,功能性鏈接。

11.頁面間鏈接
<a href=”http://www.baidu.com”>去百度</a>

12.錨鏈接
同頁面間錨鏈接
分兩步:第一步:在頁面目標位置設置一個錨記。<a name=”star”><img src=”01.jpg”
/></a>
第二步:在另一處創建出一個超鏈接:<a href=”#star”>去看明星的隱私信
息吧</a>
02.跨頁面的錨鏈接
功能性鏈接:
<a href=”mailto:[email protected]”>站長信箱</a>
<a href="tencent://message/?uin=QQ">打開QQ</a>

13.列表
001.無序列表:
<ul>
<li></li>
</ul>
002.有序列表
<ol>
<li></li>
</ol>
003.定義描述標簽:應用場景:在圖文混編的情況下使用
<dl>
<dt>放置圖片</dt>
<dd></dd>

表格
<html>
<head>
<title>表格</title>
</head>
<body>
<table border="1px">
<tr>
<td>北京</td>
<td>上海</td>
<td>廣州</td>
</tr>
<tr>
<td>北京</td>
<td>上海</td>
<td>廣州</td>
</tr>
<tr>
<td>北京</td>
<td>上海</td>
<td>廣州</td>
</tr>
</table>
</body>
</html>
重點:表格的跨行跨列
步驟:1、有幾行幾列?
解析:3 行兩列
2.該跨行的跨行(rospan),該跨列的跨列(cospan)
3.核心原則:跨行和跨列只能出現在td 中
一定要註意的是:所有的跨行和跨列操作都出現在td 中。


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

-Advertisement-
Play Games
更多相關文章
  • 可以將列表和元組當成普通的“數組”,他能保存任意數量任意類型的Python對象,和數組一樣都是通過數字0索引訪問元素,列表和元組可以存儲不同類型的對象,列表和元組有幾處重要區別。列表元素用([])包括,元素的個數和值可以改變,而元組用({})包括,不能更改。元組可以看成是只讀的列表一、初識列表1、下...
  • 一、目標1、搭建傳統的ssh開發環境,併成功運行(插入、查詢)2、瞭解c3p0連接池相關配置3、瞭解驗證hibernate的二級緩存,並驗證4、瞭解spring事物配置,並驗證5、瞭解spring的IOC(依賴註入),將struts2的action對象(bean)交給spring管理,自定義bean...
  • 有時候面試的時候,面試官會問靜態方法里能不能調用非靜態方法,這時候呢,你的回答是什麼呢?雖然不能直接調用,但是可以間接的調用,可以通過將一個對象的引用傳入靜態方法中,再去調用該對象的非靜態方法。靜態方法通過用傳進來的對象引用調用非靜態方法,從而達到靜態方法調用非靜態方法。 1 public clas...
  • hi之前有將近兩周的時間沒有更新,除了懶就是其他的事情耽誤了。現在好了,回家了,雖然家裡停水,外面又有積雪,天寒地凍的,但諸多不便,都比不過有點閑的好。開搞每個學PHP的必經之路——電商網站的開發。1、電商網站開發——前端一、首頁製作1.1 概況&準備整個電商網站包括什麼呢,就是首頁信息,後面的.....
  • 對C++的指針總覺得和引用差不多,其實還是挺有差別的。程式先看一個小程式: int a = 1; int& ra = a; int* pa = &ra; printf("&a = %02X\n", &a); //3EFCD0<< printf("a = %d\n", a...
  • C++Primer第5版學習筆記(二)第三章的重難點內容 你可以點擊這裡回顧第一、二章的內容 這篇文章只是C++初學者的學習筆記...。書接前文,第三章主要講這麼五個概念: 1.using聲明,我知道挺多同學寫代碼練手都要在源文件前幾句直接加using namespace std;然而us...
  • 策略模式在實際工作中我用到了策略模式,但為什麼要有環境角色呢?這裡我貼上英文對含義的介紹,The Strategy Pattern defines a family of algorithms,encapsulates each one,and makes them interchangeable....
  • jQuery form插件的使用--使用 fieldValue 方法校驗表單. Demo 7 : jQuery form插件的使用--使用 fieldValue 方法校驗表單. 名稱: 地址: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...